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