Question

必需的一个输入 - textarea或复选框（至少一个）或两者

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

Answer 1

一些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}"

或者你决定做什么课程。此外，您应该使该类不那么通用。

Answer 2

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

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

任何一个输入需要HTML格式的textarea或Checkbox？

2 个答案: