jQuery EasyUI之验证框validatebox实例详解

前端之家收集整理的这篇文章主要介绍了jQuery EasyUI之验证框validatebox实例详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1.样式

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

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

<Meta charset="UTF-8"> validate<a href="/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="/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="/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 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的jQuery相关文章