如何使用 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 代码，其中您 return 基于值的布尔值。应该在 $.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 表单验证插件在单选按钮组上添加表单验证

How to add form validation on group of radio button using jquery form validation plugin

jquery-form-validator