确认不会在jQuery中使用空文本字段验证触发

时间:2016-03-02 08:37:23

标签: javascript jquery

我希望有人可以帮我这个,我有一个包含大量文本字段的表单,并希望在提交表单时检查它们是否已填写。

我的代码如下:

$('#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>

0 个答案:

没有答案