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

Question

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

Answer 1

首先，将该按钮的点击事件绑定到一个函数。其次，使用 event.prevent default 来阻止该按钮提交表单。第三，验证你想要的值。如果经过验证，请使用表单 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 的引用。

Answer 2

这里有一个如何做的例子。我使用了 10 个字符的限制来简化测试：如果你自己试试

HTML：

<input type="text" id="myTextBox" onkeyup="checkValue(this)" maxlength="10"></input>
<input id="sendButton" type="submit" value="SEND"></inpu

JAVASCRIPT：

function checkValue(textbox) {
    if (textbox.value.length > 10) {
        alert("TEXT TOO LONG");
        document.getElementById("sendButton").disabled = true;
    }
    else
        document.getElementById("sendButton").disabled = false;        
}

Answer 3

我认为您正在寻找类似的东西：

<form id="myForm" onsubmit="return validateForm();">
<input type="text" id="textfield"/>
<button type="submit">submit</button>
</form>
<script>
function validateForm(){
var value=parseInt(document.getElementById('textfield').value);
if(value>100){
alert('value is no good. larger then 100');
return false;
}
}
</script>

如果您可以向我展示您的代码，我很乐意帮助您实现这样的功能。