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

Avoid page submission on button click if condition false in javascript

本文关键字：单击 按钮 提交 javascript 条件 false 如果      更新时间：2023-09-26

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

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

我想你正在寻找这样的东西：

<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>

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

这里有一个如何做到这一点的例子。我使用了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;        
}
相关文章：