我希望有人可以帮我这个,我有一个包含大量文本字段的表单,并希望在提交表单时检查它们是否已填写。
我的代码如下:
$('#complete_order').click(function(){
var isValid = true;
$("input[class='article_code']").each(function(){
if($(this).val() == "" || $(this).val() == null) {
isValid = false;
$(this).closest('tr').find('.message').hide().html("Article code is empty.").fadeIn('fast');
}
});
if(isValid == true) {
if (!confirm('Are you sure you want to place this order?')) {
return false;
} else {
$("form[name='order_supplier']").submit();
}
}
});
问题在于,当所有字段都填写时,确认不会触发,实际上什么都不做,所以也不提交。
我是否以错误的方式使用确认功能?
/ edit这是HTML代码
<form enctype="multipart/form-data" method="post" id="order_supplier" name="order_supplier" action="?action=send_order">
<table>
<tbody>
<tr><td>Supplier</td><td><select name="supplier"><option></option></select></td></tr>
<tr><td>Article code</td><td><input type="text" class="article_code" name="article_code[]"></td><td><span class="message"></span></td></tr>
<tr><td>Description</td><td><input type="text" class="article_description" name="article_description[]" value="No article id specified" readonly></td></tr>
<tr class="article_quantity"><td>Quantity</td><td><select name="article_quantity[]"><option></option></select></td></tr>
<tr><td></td><td><button type="button" name="addfields" id="addfields">Add article</button></td></tr>
<tr><td></td><td><button type="button" name="complete_order" id="complete_order">Place order</button></td></tr>
</tbody>
</table>
</form>