必需 一个输入 - 文本区域或复选框(至少一个)或两者兼而有之
<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}"
或者无论你决定上什么课。此外,您还应该使类不那么通用。