javascript - 防止在输入字段中没有文本的情况下提交

Question

您好，我有一个带有提交按钮的基本单域表单，它会自动清除焦点文本，只允许使用数字。我希望它禁用提交，除非输入字段中存在数字，我希望它能防止在输入字段中没有文本的情况下提交。问题是按钮是实时链接。谢谢。

fiddle :http://jsfiddle.net/u3RZV/

    $(document).ready(function () {
        $("#quantity").keypress(function (e) {
            if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
                $("#errmsg").html("Enter Valid Zip!").show().fadeOut("5000");
                return false;
            }
        });
    });

#errmsg {
    font:12px normal Futura, sans-serif;
    background:yellow;
    color:#444444;
}
.box {
    width: 85px;
    margin-bottom:10px;
}
.boxtwo {
    width: 160px;
}
input {
    width: 100%;
    background: #FFFFFF;
    border-radius: 4px;
    border: 2px solid #acd50b;
    padding: 10px 15px;
    text-align: center;
    -webkit-appearance: none;
    color: #999999;
    font-size: 11px;
}
input[type="focus"] {
    outline: none;
}
input[type="submit"] {
    border-radius: 4px;
    border: 2px solid #2d8b1b;
    -webkit-appearance: none;
    background: #acd50b;
    padding: 6px 10px;
    color: #444444;
    width: 100%;
    font-size: 18px;
    cursor:pointer;
}
<form action="">
    <div class="box">
        <input type="text" id="quantity" value="Enter Your Zip" /><span id="errmsg"></span>

    </div>
    <div class="boxtwo"> <a href="buttons.html">
             <input type="submit" id="signup" value="Compare"/>
          </a>

    </div>
</form>

Answer 1

$("form").on( "submit", function(e) {
    if ( !is_valid_zip( $("#quantity").val() ) ) {
        e.preventDefault();
    }
} );

编写 is_valid_zip() 函数由您决定。您可能还想通过 alert() 或类似方式向用户显示错误消息。