jQuery EasyUI之验证框validatebox实例详解

1.样式

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

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

 
 
 
 
validatebox 
 
 
   
 
 
 
 
 
 
  姓名:

结果:

jQuery EasyUI之验证框validatebox实例详解_第1张图片

jQuery EasyUI之验证框validatebox实例详解_第2张图片

3.练习2:自定义规则作为输入框验证规则

 
 
 
 
validatebox 
 
 
 
 
 
 
 
 
 
 姓名:

结果:

jQuery EasyUI之验证框validatebox实例详解_第3张图片

jQuery EasyUI之验证框validatebox实例详解_第4张图片

4.练习3:验证邮箱

 
 
 
 
validatebox 
 
 
 
   
 
 
 
 
 
 
 邮箱:

结果:

jQuery EasyUI之验证框validatebox实例详解_第5张图片

jQuery EasyUI之验证框validatebox实例详解_第6张图片

5.文档


jQuery EasyUI之验证框validatebox实例详解_第7张图片

jQuery EasyUI之验证框validatebox实例详解_第8张图片

jQuery EasyUI之验证框validatebox实例详解_第9张图片

以上所述是小编给大家介绍的jQuery EasyUI之验证框validatebox实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

你可能感兴趣的:(jQuery EasyUI之验证框validatebox实例详解)