parsley.js正确使用姿势
2016-12-15 11:12
399 查看
1.第一式
当然要先引用:parsley.js
2.第二式
页面中定义需要使用自定义校验,注意红色的地方,必须要使用小写,重要的问题说三遍,小写,小写
<form class="form-horizontal" id="testForm"
action="${BasePath}/test.sc" method="POST" data-parsley-validate="validate">
<input type='text' class="form-control jedate-icon" id="delayTime" name="delayTime" value=""
data-parsley-errors-container="#checkdelaytime"
data-parsley-checkdelaytime
data-parsley-checkdelaytime-message="不能小于当前时间" readonly/>
<span id="checkdelaytime"></span>
3.第三式
编写自定义的校验器
window.Parsley.addValidator('checkdelaytime', {
validateString: function(value) {
if(value!= ""){//
//开始校验吧
return false;//校验不通过,会将data-parsley-checkdelaytime-message对应的信息输出
}
return true;//检验通过
}
});
更多的parsley.js用法,请参考http://parsleyjs.org/doc/examples.html
当然要先引用:parsley.js
2.第二式
页面中定义需要使用自定义校验,注意红色的地方,必须要使用小写,重要的问题说三遍,小写,小写
<form class="form-horizontal" id="testForm"
action="${BasePath}/test.sc" method="POST" data-parsley-validate="validate">
<input type='text' class="form-control jedate-icon" id="delayTime" name="delayTime" value=""
data-parsley-errors-container="#checkdelaytime"
data-parsley-checkdelaytime
data-parsley-checkdelaytime-message="不能小于当前时间" readonly/>
<span id="checkdelaytime"></span>
3.第三式
编写自定义的校验器
window.Parsley.addValidator('checkdelaytime', {
validateString: function(value) {
if(value!= ""){//
//开始校验吧
return false;//校验不通过,会将data-parsley-checkdelaytime-message对应的信息输出
}
return true;//检验通过
}
});
更多的parsley.js用法,请参考http://parsleyjs.org/doc/examples.html
相关文章推荐
- parsley.js正确使用姿势
- Node.js中使用redis数据库的正确姿势
- 使用js验证邮件地址的正确输入
- JS中正确使用整除Math.ceil
- 在cocos2d-js-v3.0 中使用cocostudio UI的正确方式
- 在cocos2d-js-v3.0 中使用cocostudio UI的正确方式
- 容器中使用erase的正确姿势(List Iterator Not Incrementable)
- 在JS中使用正则表达式验证电子邮箱是否正确
- git 的正确使用姿势
- 使用Flume Log4j Appender正确的姿势
- 在cocos2d-js-v3.0 中使用cocostudio UI的正确方式
- Fragment使用的正确姿势
- 使用原生js得到页面相关的正确参数
- 用户体验超棒并且功能强大使用简单的javascript表单验证 - Parsley.js
- 用户体验超棒并且功能强大使用简单的javascript表单验证 - Parsley.js
- [学姿势]使用AngularJS+CodeIgniter框架经验谈
- 使用原生js得到页面相关的正确参数
- 用户体验超棒并且功能强大使用简单的javascript表单验证 - Parsley.js
- 用户体验超棒并且功能强大使用简单的javascript表单验证 - Parsley.js
- Node.js连接MySQL数据库及构造JSON的正确姿势