【easuyi】---easyui中的验证validatebox自定义
2015-06-23 22:20
597 查看
这里比较简单的使用就不再多说,主要说一下自定义的validatebox。
1.验证密码是否相等,这个直接参考给定的列子就行,这里主要学习这种灵活使用的方式和方法。
对应的在扩展中的写法如下:
从上面可以看出,是怎么得到第一次输入的密码的值得:它是通过传递第一个密码的id来做的,所有由此而来,
知道一个,再去获得另一个相关的,方法有好几种。这里由于我不精通,随用随学的风格,不在多说。
2.再看另一个有参数和属性的
有时我们会在元素上添加自己的提示信息,如上面的palce。
一般在验证ji中如何写呢。
思想就是通过$(this)来获得该元素的jquery对象,再去通过attr()来获得自己的值,获得值后再添加到数组param中,最后在是用{}表达式来取值就可。
以上就是在实际的代码开发中常使用而不太注意的。
1.验证密码是否相等,这个直接参考给定的列子就行,这里主要学习这种灵活使用的方式和方法。
<input id="pwd" name="pwd" type="password" class="easyui-validatebox" data-options="required:true" /> <input id="rpwd" name="rpwd" type="password" class="easyui-validatebox" required="required" validType="equals['#pwd']" />
对应的在扩展中的写法如下:
$.extend($.fn.validatebox.defaults.rules, { equals: { validator: function(value,param){ return value == $(param[0]).val(); }, message: '两次输入的密码不一样!' } }
从上面可以看出,是怎么得到第一次输入的密码的值得:它是通过传递第一个密码的id来做的,所有由此而来,
知道一个,再去获得另一个相关的,方法有好几种。这里由于我不精通,随用随学的风格,不在多说。
2.再看另一个有参数和属性的
<input id="v3" class="easyui-validatebox" palce="你你你你!" data-options="required:true,validType:'minLenght[4]'">
有时我们会在元素上添加自己的提示信息,如上面的palce。
一般在验证ji中如何写呢。
$.extend($.fn.validatebox.defaults.rules, { minLenght:{ validator:function(value,param){ var palce = $(this).attr("palce"); param.push(palce); return value.length>=param[0]; }, message:'please enter at least {0},{1},' } }
思想就是通过$(this)来获得该元素的jquery对象,再去通过attr()来获得自己的值,获得值后再添加到数组param中,最后在是用{}表达式来取值就可。
以上就是在实际的代码开发中常使用而不太注意的。
相关文章推荐
- 构建基于IBM BlueMix的PHP网站
- 6.23
- poj 2031 Building a Space Station 【最小生成树 prime】
- 用block将UIAlertView与UIActionSheet统一起来
- UIStepper
- 程序员们有福了:独立于GUI的Java应用框架 Reflex 诞生了!
- leetcode-52-N-Queens II
- UIEdgeInsetsMake 和 UIEdgeInsetsMake
- QuerySyntaxException
- 合并流SequenceInputStream
- 黑马程序员--NSArray,NSString,NSSet,NSDictionary,NSNumber,NSValue 及其可变(NSMutable..)
- 解决 An AnnotationConfiguration instance is required to use
- UITableViewCell里面separator的设置
- C#.NET Request相关操作
- UIScrollView
- 关于iOS中UITableView下拉距离短刷新没事,下拉距离长就会崩溃的问题解决方案
- Uip + Stm32移植问题总结(转)
- 基于IBM Bluemix开发微信公共账号应用
- 如何让应用支持quicksearchbox全局搜索
- UIScreenEdgePanGestureRecognizer 边缘触发手势 MVC模式下实现