任何一个输入所需的文本区域或 HTML 表单中的复选框


Any one Input required textarea or Checkbox in HTML form?

必需 一个输入 - 文本区域或复选框(至少一个)或两者兼而有之

<textarea class="form-control" style="width: 500px; height: 100px;" name="xyz" value="tvs" rows="4" cols="80" maxlength="20000"></textarea><br>

选中至少一个复选框

<input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
<input type="checkbox" name="vehicle" value="Car"> I have a car<br>
<input type="checkbox" name="vehicle" value="bus"> I have a bus<br>
<input type="checkbox" name="vehicle" value="truck"> I have a truck<br>

只需使用 JQuery 检查是否至少填写了一个。

function validate_form() {
  var valid = $('input[type=checkbox]:checked').length == 0 || $('textarea#mytextarea').val() == "";
  if(valid) {
    alert ( "You need to select something" );
  }

一些jQuery可以做到这一点,使用验证插件,这将使这更容易 http://jqueryvalidation.org/

然后使用规则回调:

rules: {
textarea: {
    required: function(element) {
        return $("#textarea").is(':empty');
    }
},
checkboxes: {
    required: function(element) {
        return $(".checkboxes:checkbox:checked").length > 0);
    }
}
}

您需要将类添加到复选框输入中,作为

class="{checkboxes: true}"

或者无论你决定上什么课。此外,您还应该使类不那么通用。