嗨,大家好我是jquery的新手我想在我的表单上放置一个检查,当我提交表单的函数时,只需检查表单的所有字段,如果任何字段为空只显示一个错误,请填写所有内容 这里是我的代码:使用jquery检查表单的所有空字段
function validate() {
//get all inputs of the form in array
var inputs = $('#form :input');
var k = 0;
inputs.each(function() {
if ($(this).val() == '') {
k = 1;
}
});
if (k == 1) {
alert('please fill all fields');
} else {
alert('submitted successfully');
}
}
function postvalue(id) {
$('#value').val(id);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class="form-horizontal" id="form">
<fieldset>
<!-- Form Name -->
<legend>Form Name</legend>
<div class="form-group">
<input type="hidden" value="" id="value" />
<label class="col-md-4 control-label">Double Button</label>
<div class="col-md-8">
<button type="button" onclick="postvalue(1)">click</button>
</div>
</div>
<!-- Select Basic -->
<div class="form-group">
<label class="col-md-4 control-label" for="selectbasic">Select Basic</label>
<div class="col-md-8">
<select id="selectbasic" name="selectbasic" class="form-control valid">
<option value="">select option</option>
<option value="2">Option one</option>
</select>
</div>
</div>
<!-- Button (Double) -->
<div class="form-group">
<label class="col-md-4 control-label">Double Button</label>
<div class="col-md-8">
<input type="number" class="valid" />
</div>
</div>
<input type="submit" value="submit" onclick="validate()" />
</fieldset>
</form>
这是什么问题? – adeneo
总是说,请填写所有字段,即使我填写所有字段 – Farid
哦,我明白了。这是因为':input'选择隐藏的输入,按钮,所有元素和所有这些元素都没有值,因此失败。 – adeneo