Javascript 带有引导工具提示的Ajax调用
我正在使用工具提示验证表单，并使用警报消息对后端响应进行了ajax调用。在验证过程中，我使用表单id进行ajax调用和工具提示验证。所以我的问题是，我甚至得到了它验证的空文本，并转到ajax成功调用。如何将工具提示与ajax调用结合起来Javascript 带有引导工具提示的Ajax调用,javascript,jquery,ajax,node.js,Javascript,Jquery,Ajax,Node.js,我正在使用工具提示验证表单，并使用警报消息对后端响应进行了ajax调用。在验证过程中，我使用表单id进行ajax调用和工具提示验证。所以我的问题是，我甚至得到了它验证的空文本，并转到ajax成功调用。如何将工具提示与ajax调用结合起来 script. $(document).ready console.log('bbbbbbbb'); $('#loginform').submit(function(e) { console.log
script.
$(document).ready
console.log('bbbbbbbb');
$('#loginform').submit(function(e) {
console.log('submit called');
var data = {};
data.email = $('#username').val();
data.password = $('#password').val();
JSON.stringify(data);
console.log(data);
$.ajax({
url: "/login",
type: "POST",
dataType: 'json',
data: JSON.stringify({ "objectData": data}),
contentType: "application/json",
success: function(data) {
alert('SUCCESS":'+JSON.stringify(data));
var successVar = data;
alert(successVar.data);
if(successVar.data == "Invalid username And Password"){
showfailure();
}
if(successVar.data == "Login successfully"){
showdiv();
location.href='http://localhost:3000/landing';
}
},
});
return false;
});
$('#loginform').click(function(){
loginValidation();
});
function loginValidation(){
$('#loginform').validate({
rules : {
email_id : {
minlength : 5,
required : true,
email : true
},
password : {
minlength : 5,
required : true
}
},
messages : {
email : "Enter Valid Email Address.",
password : "Enter Password"
}
});
}
Login form:
.middle
.container
#login-modal.modal.fade(tabindex='-1', role='dialog', aria-labelledby='myModalLabel', aria-hidden='true')
.modal-dialog
.modal-content(style='margin-top:120px;')
.modal-header.login_modal_header
button.close(type='button', data-dismiss='modal', aria-hidden='true') ×
h2#myModalLabel.modal-title Sign In
.modal-body.login-modal
.clearfix
#social-icons-conatainer
.modal-body-left
form#loginform(method="#",action="#")
.form-group
input#username.form-control.login-field(type='email', name='email_id', value='', data-placement='bottom' placeholder='Email Id',
maxlength='25',title="Enter your email address here", required)
i.fa.fa-envelope.login-field-icon
.form-group
input#password.form-control.login-field(type='password', name='password', value='',data-placement='bottom', placeholder='Password',
maxlength='15',title="Enter your password here",required)
i.fa.fa-lock.login-field-icon
#loginSuccess.alert.alert-success(style='display:none')
a.close(href='#', data-dismiss='alert') ×
strong Success!
| Login successfully.
#loginFailure.alert.alert-danger(style='display:none')
a.close(href='#', data-dismiss='alert') ×
strong Failed!
| Invalid Username and Password.
button#loginbtn.btn.btn-success.modal-login-btn.color(type="submit") Sign In
p Having trouble sign in? <a href="#forgot-modal", class="form-signin-link.login", data-toggle="modal", data-target="#forgot-modal"> Click Here </a>
.modal-body-right
.modal-social-icons
a.btn.btn-default.facebook(href='#')
i.fa.fa-facebook.modal-icons
| Sign In with Facebook
a.btn.btn-default.google(href='/auth/google')
i.fa.fa-google-plus.modal-icons
| Sign In with Google
#center-line OR
.clearfix
.form-group.modal-register-btn
p Don't have an account? <a href="#signup-modal", data-toggle="modal", data-target="#signup-modal"> Create an Account </a>
.clearfix
.modal-footer.login_modal_footer
My call:
exports.login = function(req, res) {
console.log("enter the login999999999");
console.log(req.body);
var resultObject = (req.body.objectData);
client.query("SELECT * FROM login where email_id='" + resultObject.email + "' AND password='" + resultObject.password + "'", function(err, result) {
console.log("Row count: %d",result.rows.length); // n
if(result.rows.length>0){
console.log('successfully');
res.send({data:"Login successfully"});
} else {
console.log('not successfully');
res.send({data:"Invalid username And Password"});
}
});
};
脚本。
$（文件）。准备好了吗
console.log（'bbbbbbbb'）；
$（'#loginform'）。提交（函数（e）{
log（'submit called'）；
变量数据={}；
data.email=$（'#username'）.val（）；
data.password=$（'#password'）.val（）；
stringify（数据）；
控制台日志（数据）；
$.ajax({
url:“/login”，
类型：“POST”，
数据类型：“json”，
data:JSON.stringify（{“objectData”：data}），
contentType:“应用程序/json”，
成功：功能（数据）{
警报（“成功”：“+JSON.stringify（数据））；
var successVar=数据；
警报（成功变量数据）；
if（successVar.data==“无效的用户名和密码”）{
showfailure（）；
}
if（successVar.data==“成功登录”）{
showdiv（）；
location.href=http://localhost:3000/landing';
}
},
});
返回false；
});
$（“#loginform”）。单击（函数（）{
登录验证（）；
});
函数loginValidation（）{
$（“#loginform”）。验证({
规则：{
电子邮件地址：{
最小长度：5，
要求：正确，
电子邮件：真的
},
密码：{
最小长度：5，
必填项：true
}
},
信息：{
电子邮件：“输入有效的电子邮件地址。”，
密码：“输入密码”
}
});
}
登入表格：
中间的
.集装箱
#登录modal.modal.fade（tabindex='-1'，role='dialog'，aria labelledby='myModalLabel'，aria hidden='true'）
.模态对话框
.模态内容（style='margin-top:120px；'）
.modal-header.login\u modal\u header
按钮。关闭（type='button'，data='modal'，aria hidden='true'）×
h2#myModalLabel.modal-title登录
.modal-body.login-modal
.clearfix
#社交偶像
.模态体左
表单#loginform（method=“#””，action=“#”）
.表格组
输入#username.form control.login字段（type='email'，name='email\u id'，value='''，data placement='bottom'placeholder='email id'，
maxlength='25'，title=“在此处输入您的电子邮件地址”，必填）
i、 fa.fa-envelope.login-field-icon
.表格组
输入#password.form control.login字段（type='password'，name='password'，value=''，data placement='bottom'，placeholder='password'，
maxlength='15'，title=“在此处输入密码”，必填）
i、 fa.fa-lock.login-field-icon
#loginsAccess.alert.alert成功（style='display:none'）
a、 关闭（href='#'，data disclose='alert'）×
巨大的成功！
|成功登录。
#loginFailure.alert.alert-danger（style='display:none'）
a、 关闭（href='#'，data disclose='alert'）×
斯特朗失败了！
|无效的用户名和密码。
按钮#loginbtn.btn.btn成功。模式登录btn.color（type=“submit”）登录
p登录有困难吗？
.模态体权利
.情态社会偶像
a、 btn.btn default.facebook（href='#'）
i、 fa.fa-facebook.modal-icons
|使用Facebook登录
a、 btn.btn default.google（href='/auth/google'）
i、 fa.fa-google-plus.modal-icons
|使用谷歌登录
#中心线或
.clearfix
.form-group.modal-register-btn
你没有账户吗？
.clearfix
.modal-footer.login\u modal\u footer
我的电话：
exports.login=函数（req、res）{
console.log（“输入登录名99999999”）；
控制台日志（请求主体）；
var resultObject=（req.body.objectData）；
client.query（“从登录名中选择*，其中email_id=”+resultObject.email+“，密码=”+resultObject.password+“”，函数（err，result）{
console.log（“行计数：%d”，result.rows.length）；//n
if（result.rows.length>0）{
console.log（'successfully'）；
res.send（{data:“登录成功”}）；
}否则{
console.log（'notsuccessfully'）；
res.send（{data:“无效的用户名和密码”}）；
}
});
};
script.
$(document).ready
console.log('bbbbbbbb');
$('#loginform').validate({
rules : {
email_id : {
minlength : 5,
required : true,
email : true
},
password : {
minlength : 5,
required : true
}
},
messages : {
email : "Enter Valid Email Address.",
password : "Enter Password"
},
submitHandler: function (form) {
alert('submit');
var data = {};
data.email = $('#username').val();
data.password = $('#password').val();
JSON.stringify(data);
console.log(data);
$.ajax({
url: "/login",
type: "POST",
dataType: 'json',
data: JSON.stringify({ "objectData": data}),
contentType: "application/json",
success: function(data) {
alert('SUCCESS":'+JSON.stringify(data));
var successVar = data;
alert(successVar.data);
if(successVar.data == "Invalid username And Password"){
showfailure();
}
if(successVar.data == "Login successfully"){
showdiv();
location.href='http://localhost:3000/landing';
}
},
});
return false;
}
});
function showdiv()
{
document.getElementById("loginFailure").style.display="none";
document.getElementById("loginSuccess").style.display="block";
}
function showfailure()
{
document.getElementById("loginFailure").style.display="block";
}