1.样式
validateBox(验证框)的设计目的是为了验证输入的表单字段是否有效。如果用户输入了无效的值，它将会更改输入框的背景颜色，并且显示警告图标和提示信息。该验证框可以结合form(表单)插件并防止表单重复提交。
2.练习1：验证输入字符长度及非空
rush:js;">
<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：自定义规则作为输入框验证规则
rush:js;">
<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：验证邮箱
rush:js;">
<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.jb51.cc/jquery/40095.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
