Even if data is in login form blank msg is shown and if data is passes as blank then it goto else of jquery ajax

See more:

Javascript

PHP

jQuery

Hi All,

I am new to jquery ajax and php. I am creating a login page with emailid and password fields.

I have written a service to check the emailid and password with database table data. So I checked my webservice with Google Chromes 'Advanced Rest Client' plugins and it is showing me result as 'Login successfully' which was my intent, if user credentials are current with database then show this msg.

Now the main problem arises when i try to do this in browser eg. "localhost/myapp/Login.php" with two text boxes. When i hit submit button I get a blank message.

My js file code is as shown below,

$(document).ready(function() {

var emailid='';
var password='';

$('#btnsubmit').click(function(e)
{
emailid=$(#emailid).val();
password=$(#password).val();

if(emailid && password)
{
var userData='emailid='+ emailid +'&password='+ password;

Authenticate_User(userData);//call function
}
else
{
alert('I am in else condition of js file"');
}

});

function Authenticate_User(userData)
{
$.ajax({
url: 'services/Login.php',
type: 'POST',
data: userData,
contentType:'application/x-www-form-urlencoded',
//dataType: 'json',
processData: false,
success: function(data)
{
console.log('Success is here '+ JSON.stringify(data));
//window.Location('http://localhost/myapp/home.html');
//window.location='http://localhost/myapp/home.html';
alert('Success is here');
},
error: function(XMLHttpRequest,textStatus,errorThrown)
{
console.log('ERROR:' + JSON.stringify(XMLHttpRequest.responseText));
alert(JSON.stringify(XMLHttpRequest.responseText));

}

});
}

});

When I entry email id and password and clicks submit then it gives blank msg and then it i try to click submit button without any data i.e. if emailid and password are blank then it shows 'I am in else condition' which i have written up there....

Please suggest to get out of this problem ....