jQuery EasyUI之验证框validatebox实例详解

1.样式

validateBox(验证框)的设计目的是为了验证输入的表单字段是否有效。如果用户输入了无效的值，它将会更改输入框的背景颜色，并且显示警告图标和提示信息。该验证框可以结合form(表单)插件并防止表单重复提交。

2.练习1：验证输入字符长度及非空

rush:js;"> <Meta charset="UTF-8"> 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"> 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"> 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 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。