使用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>