1.样式
validateBox(验证框)的设计目的是为了验证输入的表单字段是否有效。如果用户输入了无效的值，它将会更改输入框的背景颜色，并且显示警告图标和提示信息。该验证框可以结合form(表单)插件并防止表单重复提交。
2.练习1：验证输入字符长度及非空
<Meta charset="UTF-8">
validate<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>
nofollow" rel="external nofollow" rel="external nofollow" type="text/css">
nofollow" rel="external nofollow" rel="external nofollow" type="text/css">
结果：
3.练习2：自定义规则作为输入框验证规则
<Meta charset="UTF-8">
validate<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>
nofollow" rel="external nofollow" rel="external nofollow" type="text/css">
nofollow" rel="external nofollow" rel="external nofollow" type="text/css">
结果：
4.练习3：验证邮箱
<Meta charset="UTF-8">
validate<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>
nofollow" rel="external nofollow" rel="external nofollow" type="text/css">
nofollow" rel="external nofollow" rel="external nofollow" type="text/css">
<script type="text/javascript" src="js/jquery.min.js">
<script type="text/javascript" src="js/jquery.easyui.min.js">
<script type="text/javascript" src="js/easyui-lang-zh_CN.js">
结果：
5.文档
以上所述是小编给大家介绍的jQuery EasyUI之验证框validateBox实例详解。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。
原文链接：https://www.f2er.com/jquery/40095.html