parsley.js正确使用姿势

来源:互联网 发布:linux 删除文件内容 编辑:程序博客网 时间:2024/05/16 05:01

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

0 0
原创粉丝点击