jquery-form-validator - 如何使用 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()