javascript - 如果 javascript 中的条件为假，则避免在按钮单击时提交页面

Question

我正在检查 javascript 中的文本框值。并保存到数据库。我的保存是提交类型的。我想如果文本框值大于 100 那么它应该提醒。在 alert 之后，页面不应提交。

Answer 1

首先，将该按钮的点击事件绑定(bind)到一个函数。其次，使用 event.prevent default 来阻止该按钮提交表单。第三，验证你想要的值(value)。如果通过验证，请使用表单 ID 提交表单。像这样:

$("#ButtonId").on("click", function(event) {
    event.preventDefault ? event.preventDefault() : event.returnValue = false;

    if ($("#InputBoxID").val() < 100) {
        $("#FormId").submit();
    }
    else {
        alert("your message");
    }
});

以上代码是在 jQuery 中，所以不要忘记添加对 jQuery 的引用。