Question

以下jQuery代码旨在改变输入的样式，以防用户提交表单而不事先填写字段。除了更改输入的样式外，只要字段为空，它就会阻止提交事件。但是，只要有内容，它也会阻止事件。有人知道为什么吗？

$('document').ready(function() {
    $('#form1, #form2').submit(function(event) {
        if($.trim($(this).children('input').val()).length == 0) {
            $(this).parent().addClass('has-error');
            event.preventDefault();
        }
    });
});

HTML code：

<form class="center" id="form1" action="/success" method="get">
    <input type="text" name="content" placeholder="Content..." class="form-control input-lg">
    <button type="submit">Submit!</button>
</form>

Answer 1

怎么样：

$(document).ready
(
    function () 
    {
        $('#form1').submit
        (
            function (e) 
            {
                if ($('[name="content"]').val() == '') // You can add an id and select by id
                {
                    e.preventDefault();
                    $('[name="content"]').attr('class', 'has-error');
                }
            }
        );
    }
);

Answer 2

删除Form2并尝试：

$('#form1').submit(function(event) {
        if($.trim($(this).children('input').val()).length == 0) {
            $(this).parent().addClass('has-error');
            event.preventDefault();
        }
    });

jQuery禁用提交按钮

2 个答案: