單選按鈕只有一個需要驗證和錯誤消息

我想只允許一個選項被檢查一組單選按鈕，並驗證沒有選項時通過顯示錯誤消息進行檢查。單選按鈕只有一個需要驗證和錯誤消息

這是我做過什麼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);

我不能讓它正常工作，甚至當我檢查一個選項驗證錯誤仍然顯示，並拒絕提交表單

來源

2017-05-02 Learner

給所有的無線輸入相同的'name'。默認選中一個。那麼你根本不需要任何驗證。還要小心留下尾隨逗號在你的對象 - 他們將打破IE –

你的小提琴有：**未捕獲TypeError：$（...）。驗證不是一個函數** –

謝謝你的人^^ – Learner

嘗試是這樣的：

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

來源

2017-05-02 09:49:56

單選按鈕只有一個需要驗證和錯誤消息

回答

相關問題