我创建了几个支付输入字段,这是基于下拉列表值的更改,我也使用了欧芹验证。现在我想为每个输入字段添加多个欧芹验证。例如: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>
答案 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);
}