使用jQuery框架中的validate插件,messages为提示信息。首先导入相应的js文件。
<script src="js/jquery-1.8.2.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/messages_zh.js"></script>
---------- 我是懒惰的分割线,因为我懒的分割 -----
<form id="myform">
<input type="password" id="new_password" name="new_password" placeholder="输入新密码"/>
<input type="password" id="confirm_password" name="confirm_password" placeholder="确定新密码"/>
</form>
<script>
$(function() {
$("#myform").validate({
rules:{
new_password:{
required:true,
},
confirm_password:{
required:true,
equalTo:"#new_password" //新密码的id选择器
}
},
messages:{
new_password:{
required: "请输入新密码",
},
confirm_password:{
required: "请确认新密码",
equalTo:"两次密码输入不一致"
}
}
})
};
</script>