您的位置:首页 > Web前端 > JavaScript

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: