jquery 两个中的一个字段为空，表单提交被阻止

Question

当两个字段都未填写后显示错误消息，然后我填写第二个（#phone）时，表单仍然被阻止。第一次发送时表单也被阻止，甚至第二个字段也被填充。当第一个字段 (#email) 不为空时，始终提交表单。

<form action="http://m.onet.pl" id="form" method="post">
<ul style="list-style:none">
    <li>
    <input type="text" id="email" name="email" placeholder="E-mail" /> 
    <input type="text" id="phone" name="phone" placeholder="Phone" /> 
    </li>
<li><button type="submit" name="sendad">Send form</button></li>
</ul>
</form>

jQuery

    $("#form").submit(function(e){
        if(($('#email').val().length === 0 || $('#phone').val().length === 0)) {
            e.preventDefault();
            $('#msg').html("One of two fields is reuired");
        } 
    });

论点有什么问题？

http://jsfiddle.net/1do6332d/1/

Answer 1

http://jsfiddle.net/khahu9gy/

简单的错误：使用&& 而不是||！

$("#form").submit(function(e){
    if(($('#email').val().length === 0 && $('#phone').val().length === 0)) {
        e.preventDefault();
        $('#msg').html("One of two fields is required");
    } 
});