Wie Formularvalidierung auf Gruppe von Radio-Button mit jquery Formularvalidierung Plugin hinzufügen

Question

Wie Formularvalidierung auf Gruppe von Radio-Button mit jquery Formular Validierung Plugin hinzufügen. Ich habe versucht, Daten-Validierung = "erforderlich" hinzuzufügen, aber es funktioniert nicht.

PFB HTML-Code:

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

Script-Code ist:

$.validate() 

ich genommen habe das Plugin von dieser URL http://www.formvalidator.net/

Answer 1

Sie haben einen benutzerdefinierten Validator benutzerdefiniertes Radio genannt machen . und fügen Sie das Attribut "Datenvalidierung =" custom_radio“auf input type

PFB-Code für Ihre Referenz:.

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

Dies ist Javascript-Code für benutzerdefinierte Validator, wo Sie boolean basierend auf dem Wert zurück, die erhalten sollen, aufgerufen vor $ .validate() - Funktion

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