介绍 & lt;输入类型=癰utton"id=發oginsubmit"价值=https://www.yisu.com/zixun/钡锹?/> & lt;脚本类型=拔谋?javascript"比;
var redirectUrl=?{定向}“;
var登录={/*
3、进行账号密码的校验
*/checkInput:函数(){
if ($ (“# loginname") .val ()==啊? {
alert(“用户名不能为空“);
$ (“# loginname") .focus ();
返回错误;
}
if ($ (“# nloginpwd") .val ()==啊? {
alert(“密码不能为空“);
$ (“# nloginpwd") .focus ();
返回错误;
}
返回true;
},/*
4,进行登录
1 .当账号密码校验不为空的时候进行后台校验
*/doLogin:函数(){
$ . post (“/user/login",美元(“# formlogin") .serialize()函数(数据){
如果(数据)。状态==200){
alert(“登录成功!“);
如果(redirectUrl==啊? {
的位置。https://www.yisu.com/zixun/href=" http://localhost: 8082”;
其他}{
的位置。href=redirectUrl;
}
其他}{
alert("登录失败,原因是:”+ data.msg);
$ (" # loginname ") .select ();
}
}）;
},/*
2,进行登录校验
*/登录:函数(){
如果(this.checkInput ()) {
this.doLogin ();
}
}
};/*
1页面初始化的时候校验表单的数据
1 .当用户点击登录的时候,绑定一个点击事件
2 .调用登录对象的登录方法,进行账号密码校验
*/$(函数(){
$ (" # loginsubmit ") .click(函数(){
LOGIN.login ();
}）;
}）;
这篇文章给大家分享的是有关ajax实现提交时校验表单的方法是什么的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
<强>方法一:
代码示例:
巧妙设计之处:ajax提交的话,不能够进行校验拦截,设置一个国旗来判断,很巧妙的设计之处,故收藏!
11) {
alert(“请输入合法联系电话!“);
$ (“# tel") .focus ();
返回错误;
}
var id_card=$ (“# id_card") .val ();
如果(id_card.trim ()==& # 39; & # 39;) {
alert(“请输入身份证号码!“);
$ (“# id_card") .focus ();
返回错误;
}else if (id_card.length<18 | | id_card.length> 18) {
alert(“请输入合法身份证号码!“);
$ (“# id_card") .focus ();
返回错误;
}=$ var吸引力(“# appeal") .val ();
如果(appeal.trim ()==& # 39; & # 39;) {
alert(“请输入主要诉求!“);
$ (“# appeal") .focus ();
返回错误;
}
返回true;
} 页面效果:
<强>方法二:
这是一个登陆的ajax校验
代码示例:
页面的提交按钮:
js逻辑:
分析:当用户点击按钮的时候,会
