jQuery Easyui 验证两次密码输入是否相等

在jQuery Easyui中，要实现验证两次密码输入是否相等可以借助validator扩展来实现。下面是详细的攻略：

第一步：引入必要资源

在HTML页面中引入jQuery、jQuery Easyui、和validator扩展的js和css代码块

<link rel="stylesheet" type="text/css" href="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.22/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.22/themes/icon.css">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.22/jquery.easyui.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.22/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.22/plugins/jquery.parser.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.22/plugins/jquery.validatebox.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.22/plugins/jquery.passwordbox.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.22/plugins/jquery.validatebox.password.js"></script>

第二步：HTML代码

在HTML页面中创建表单并添加两个密码输入框，并设置两个密码输入框的id分别为password1和password2

<form id="form1">
    <div>
        <input class="easyui-passwordbox" prompt="请输入密码" id="password1" type="password" name="password1">
    </div>
    <div>
        <input class="easyui-passwordbox" prompt="请再次输入密码" id="password2" type="password" name="password2">
    </div>
</form>

第三步：JavaScript代码

在js代码中对password2进行验证，如果不相等就提示并设置为null。其中，password1对应的是easyui的validatebox扩展。

$('#password1').passwordbox({
    required:true,
    validType:['length[6,20]','validPassword']
});

$('#password2').passwordbox({
    required:true,
    validType:['length[6,20]','equals["#password1"]']
});

示例一：两次密码输入不相等的情况
比如输入的密码1为123456，输入的密码2为654321，此时输入框2会出现错误提示“两次输入的密码不匹配”。

示例二：两次密码输入相等的情况
比如输入的密码1为123456，再次输入的密码2也为123456，此时两个输入框都不会出现错误提示，表示验证成功。