单选按钮只有一个需要验证和错误消息答案

【问题标题】：Radio buttons only one required validation and error message单选按钮只有一个需要验证和错误消息
【发布时间】：2017-05-02 09:41:09
【问题描述】：

我希望只允许检查一组单选按钮中的一个选项，并通过显示错误消息来验证何时未检查任何选项。

这就是我所做的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);

我无法让它工作，即使我选中了一个选项，验证错误仍然显示并拒绝提交表单

【问题讨论】：

为所有无线电输入提供相同的name。默认选中一项。那么你根本不需要任何验证。还要小心在对象中留下尾随逗号 - 它们会破坏 IE
你的小提琴有：Uncaught TypeError: $(...).validate is not a function
谢谢你们^^

标签： jquery radio-button

【解决方案1】：

试试这样的：

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>

jquery：

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

Working Fiddle

【讨论】：