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

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()

我已经从这个url 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()