Question

如何使用jquery表单验证插件在单选按钮组上添加表单验证。我试图添加data-validation =“required”但它不起作用。

PFB HTML代码：

        <input type="radio" id="inlineRadio1" value="option1" name="radioInline" data-validation="required"> 
        <label for="inlineRadio1" data-validation="radio_button"> Inline One </label> 
        <input type="radio" id="inlineRadio2" value="option2" name="radioInline" data-validation="required"> 
        <label for="inlineRadio2"> Inline Two </label>
    </div>

脚本代码是：

$.validate()

我已从此网址http://www.formvalidator.net/

中获取该插件

Answer 1

您必须制作一个名为自定义广播的自定义验证器。并在输入类型

上添加属性“data-validation =”custom_radio“

PFB代码供您参考：

<div class="radio radio-info radio-inline">

    <input type="radio" id="inlineRadio1" value="option1" name="radioInline" data-validation="custom_radio"> 
    <label for="inlineRadio1" data-validation="radio_button"> Inline One </label> 
    <input type="radio" id="inlineRadio2" value="option2" name="radioInline" data-validation="custom_radio"> 
    <label for="inlineRadio2"> Inline Two </label>
</div>

这是自定义验证器的javascript代码，您可以根据值返回布尔值。应该在$ .validate（）函数之前调用它。

$.formUtils.addValidator({
                                  name : 'custom_radio',
                                  validatorFunction : function(value, $el, config, language, $form) {

                                      if(value==='option 1'){
                                          return false;
                                      }else{
                                          return true;
                                      }

                                  },
                                  errorMessage : 'You have to atleast check one radio',
                                  errorMessageKey: 'badradiobutton'
                                });
$.validate()

如何使用jquery表单验证插件在单选按钮组上添加表单验证

1 个答案: