在jquery中编写parsley验证规则

时间:2018-01-09 08:04:11

标签: javascript jquery validation parsley.js

我创建了几个支付输入字段,这是基于下拉列表值的更改,我也使用了欧芹验证。现在我想为每个输入字段添加多个欧芹验证。例如:required,minlength,numeric等。

这是我的jquery部分。

$('#paytype').on('change',function(){
           var type=$(this).val();
             if(type=='1')
             {
                 $('#csh').css('display',"");
                 $('.mrn').prop('required',true);
                 $('.cdate').prop('required',true);
                 $('#cheq').css('display',"none");
                 $('#dpst').css('display',"none");
                 $('.slpno').prop('required',false);
                 $('.photo').prop('required',false);
                 $('.isdate').prop('required',false);
                 $('.bname').prop('required',false);
                 $('.cheqnum').prop('required',false);
             }

Html Part。

<div id="csh" style="display:none">
    <div class="form-group">
        <label for="mrn">MRN</label>
            <input type="text" name="mrn" class="form-control mrn">
            <label for="pdate">Date</label>
            <input type="date" name="cpaydate" class="form-control cdate">
            </div>
    </div>

1 个答案:

答案 0 :(得分:0)

您接近解决方案。 在这里,您可以尝试这种方式。

var type=$(this).val();
         if(type=='1')
         {

             $('.mrn').Attr('required',true);
             $('.cdate').Attr('required',true);
             $('#cheq').Attr('display',"none");
             $('#dpst').Attr('display',"none");
             $('.slpno').Attr('required',false);
             $('.photo').Attr('required',false);

         }