2017-05-02 4 views
0

Ich möchte nur eine Option von einer Gruppe von Optionsfeldern überprüft werden, und zu validieren, wenn keine Option überprüft wird, indem eine Fehlermeldung angezeigt wird.Optionsfelder Nur eine benötigt Validierung und Fehlermeldung

Dies ist, was ich FIDDLE

(function($, W, D) { 
    var JQUERY4U = {}; 

    JQUERY4U.UTIL = { 
    setupFormValidation: function() { 
     //form validation rules 

     // Setup form validation on the #register-form element 
     $("#requestAr").validate({ 
     errorElement: 'div', 
     rules: { 
      requestType: { 
      checkType: true, 
      }, 
      requester: { 
      required: true, 
      }, 
     }, 
     messages: { 
      requester: { 
      required: "Enter your name", 
      }, 
     }, 
     submitHandler: function(form) { 
      form.submit(); 
     } 
     }); 

    } 
    }; 

    $(D).ready(function($) { 
    JQUERY4U.UTIL.setupFormValidation(); 

    jQuery.validator.addMethod('checkType', function(value) { 
     return ($(value).is(':checked')); 
    }, "Choose request type"); 
    }); 
})(jQuery, window, document); 

tat konnte ich es nicht, auch funktioniert, wenn ich eine Option die Validierungsfehler so etwas wie noch geprüft angezeigt und Spuck Absenden des Formulars

+0

das Radio Geben Sie alle Eingänge die gleiche 'name'. Überprüfen Sie standardmäßig eine. Dann brauchen Sie überhaupt keine Validierung. Seien Sie auch vorsichtig, wenn Sie die abschließenden Kommas in Ihren Objekten belassen - sie werden IE –

+0

Ihre Geige haben: ** Uncaught TypeError: $ (...). Validate ist keine Funktion ** –

+0

Danke Jungs ^^ – Learner

Antwort

0

Versuchen:

Html:

<form id="frm"> 
    <div class="formLayout"> 
    <div class="required"> 
     <label>Request Type</label> 
     <legend> 
     Article 
     <input type="radio" name="requestType" value="Article"/> 
     e-Article 
     <input type="radio" name="requestType" value="eArticle"/> 
     Chapter 
     <input type="radio" name="requestType" value="Chapter"/> 
     </legend> 
    </div> 
    <!-- Error label --> 
    <label id="requestType-error" class="error" for="requestType"></label> 
    </div> 
    <input type="submit" value="submit"> 
</form> 

Jque ry:

$('#frm').validate({ 
    rules: { 
    requestType: { 
     required: true 
    } 
    } 
}); 

Working Fiddle

Verwandte Themen