easyui form validate

最新推荐文章于 2024-07-14 14:33:00 发布

jingyuwang1

最新推荐文章于 2024-07-14 14:33:00 发布

阅读量4.3k

点赞数

本文链接：https://blog.csdn.net/jingyuwang1/article/details/53284834

版权

本文介绍了如何使用EasyUI进行表单验证，包括其自带的简单验证和自定义复杂验证的方法。通过示例展示了自定义验证规则，以及动态添加标签并触发验证的实现方式。

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

form表单验证

easyui自带的表单验证比较简单，只支持非空验证、URL和email等一些简单验证，如果需要更复杂验证，需要自己实现，不过也很方便。

原始验证

<input type="text" class="easyui-validatebox" name="url"
       data-options="required:true, validType:['url','length[0,20]']"
       missingMessage="url不能为空"
       invalidMessage="url格式不正确">
<input type="text" class="easyui-validatebox" name="email"
       data-options="required:true, validType:['email','length[0,20]']"
       missingMessage="邮箱不能为空"
       invalidMessage="邮箱格式不正确">
<input type="text" class="easyui-numberbox" name="number"
       data-options="required:true"
       missingMessage="数字不能为空">