我想自定义Jquery表单验证显示位置,但是失败了,大伙给出给主意。
我的代码是:function isgo()
{
$("#formlogin").validate({
rules:{
usrName:{
required:true,
rangelength: [4,20],
remote:'/check_user/?type=c'
},
usrPwd:{
required:true,
rangelength: [6,16]
},
yanzheng:{
required:true,
minlength:4,
maxlength:4,
digits:true
}
},
messages:{
usrName:{
required:"<span class='logtext'>用户名不能够为空!</span>",
rangelength:"<span class='logtext'>用户名长度介于4-20位字符之间。</span>",
remote:"<span class='logtext'>用户名不存在,请重新输入!</span>"
},
usrPwd:{
required:"<span class='logtext'>密码不能够为空!</span>",
rangelength:"<span class='logtext'>长度介于6-16位字符之间!</span>"
},
yanzheng:{
required:"<span class='logtext'>验证码不能够为空!</span>",
minlength:"<span class='logtext'>验证码长度为4位!</span>",
maxlength:"<span class='logtext'>验证码长度为4位!</span>",
digits:"<span class='logtext'>验证码必须为数字!</span>"
}
}
});
$("#formlogin").submit();
$("#forgot").html('');
}
这个已经实现了验证,但是想把验证列到表单下面去,不知道怎么移动。
就是移动到红色箭头位置,我试了加一个标签,然后在messages:的required:中写:$("#flag").html("<span class='logtext'>用户名不能够为空!</span>")这样验证的显示还是在用户名文本框之后。