一.ajax
1.
<script type="text/javascript">
//验证原密码1.ajax,正则
var ok1=false,ok2=false,ok3=false;
$(function () { $("[name=upass]").blur(function () {
var upass=$(this).val();
$.ajax({
url:"/user/updatepassword",
data:"upass="+upass,
type:"post",
datatype:"text",
success:function (rs) {
if ('原密码正确'==rs) {
ok1=true;
}else {
ok1=false;
}
$("[name=upass]").next().html("<font color='red'>"+rs+"</font>");
}
});
}); //验证新密码
$("[name=userPs]").blur(function() {
var newpass=$(this).val();
var reg=/^\w{6,}$/;
if(reg.test(newpass)){
$(this).next().html("新密码可用");
ok2=true;
}else {
$(this).next().html("新密码不可用");
ok2=false;
}
}); //验证重复密码格式，是否与新密码相同
$("[name=newpass2]").blur(function () {
var newpass2=$(this).val();
var newpass=$("[name=userPs]").val();
var reg=/^\w{6,}$/;
if(reg.test(newpass2)){
if (newpass==newpass2){
$("[name=newpass2]").next().html("两次密码一致");
ok3=true;
} else {
$("[name=newpass2]").next().html("两次密码不一致");
ok3=false;
}
}else {
$(this).next().html("重复密码不可用");
ok3=false;
}
}); //提交表单
$("#button2").click(function () {
if(ok1&&ok2&&ok3){
document.forms[0].submit();
}else{
alert("输入有误")
}
}); }); </script>
处理ajax请求返回
2.jquery的validate
导入
jquery.validate.js
编写validate代码
<script type="text/javascript">
$(function(){
$("form").validate({
rules:{
upass:{required:true,
remote:"/user/updatepassword"},
userPs:{required:true,minlength:6},
newpass2:{required:true,equalTo:"#userPs"}
},
messages:{
upass:{
required:"请输入原密码",
remote:"与原密码不一致"
},
userPs:{
required:"请输入新密码",
minlength:"新密码至少6位"
},
newpass2:{
required:"请输入重复密码",
equalTo:"两次密码要一致"
}
}
})
}) </script>