Javascript HTML格式的任何一个输入所需的文本区域或复选框?

Javascript HTML格式的任何一个输入所需的文本区域或复选框?,javascript,php,html,Javascript,Php,Html,需要一个输入-文本区域或复选框至少一个或两个 <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

需要一个输入-文本区域或复选框至少一个或两个

<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会做到这一点,使用验证插件,这将使这变得更容易

然后使用规则回调:

rules: {
textarea: {
    required: function(element) {
        return $("#textarea").is(':empty');
    }
},
checkboxes: {
    required: function(element) {
        return $(".checkboxes:checkbox:checked").length > 0);
    }
}
}
您需要将类作为输入添加到复选框中

class="{checkboxes: true}"

或者你决定上那门课的任何东西。您还应该调整类,使其不太通用。

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

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

你的问题是什么?我希望我的表单输入textarea或选择checkbox这个jquery只用于checkbox,我希望我的表单输入textarea或选择checkbox,任意一个或两个?在我的表单中,我希望-如果我输入textarea,则不必选择checkbox,反之亦然,我正在编辑它,我刚刚意识到在提交之后;请将验证插件的链接发送给我。您可能应该删除第3行中的分号。此外,您还可以直接执行var valid=$输入[type=checkbox]:checked'.length==0 | |$'textareamytextarea'.val==;执行ifvalid,只需提醒消息并跳过valid=false;。更干净,谢谢@Jonast92