easyUI的验证案例(修改密码)

最新推荐文章于 2021-03-28 10:24:03 发布

A_jungle

最新推荐文章于 2021-03-28 10:24:03 发布

阅读量2.3k

点赞数

分类专栏： easyUI

本文链接：https://blog.csdn.net/A_jungle/article/details/81475403

版权

本文展示了如何使用easyUI库进行密码验证。通过创建输入框并设置验证规则，确保新密码和确认密码的长度在3到6位之间。当点击确认按钮时，验证密码是否匹配，并通过AJAX发送数据到服务器，模拟密码修改操作。如果验证和服务器响应成功，则关闭窗口，否则显示相应的错误提示。

摘要由CSDN通过智能技术生成

1.输入框:

<div class="easyui-layout" fit="true">
            <div region="center" border="false" style="padding: 10px; background: #fff; border: 1px solid #ccc;">
               <form id="editPasswordForm">
                    <table cellpadding=3>
                        <tr>
                            <td>新密码：</td>
                            <td><input required="true" data-options="validType:'length[3,6]'" id="txtNewPass" type="Password" class="txt01 easyui-validatebox" /></td>
                        </tr>
                        <tr>
                            <td>确认密码：</td>
                            <td><input required="true" data-op