【发布时间】:2018-12-11 19:59:31
【问题描述】:
长期读者,多年来一直使用此网站寻求帮助。我可以使用这个网站解决我的大部分问题,但是这个问题让我很生气,因为它延迟了向我的客户发布(这应该在一个月前完成)。
这不是确切的代码,但应该显示我想要做什么。我的问题是,当单击“提交”按钮后未满足条件时,它会清除所有字段,而不是允许用户继续原处。
示例代码:
$(document).on('click','#btngetinfo',function(e){
var gettheinfo = 0;
e.stopImmediatePropagation();
var weight1 = $("#txtweight1").val();
var length1 = $("#txtlength1").val();
var width1 = $("#txtwidth1").val();
var height1 = $("#txtheight1").val();
//Conditional stuff thrown in here
if (height1 != 0 && height1 != "0" && height1 != "" && height1 < 98) {
gettheinfo = 1;
}
if (gettheinfo == 1){
//Run AJAX code
console.log("Variables:", weight1, length1, width1, height1);
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="txtweight1" class="form-control">
<input type="text" id="txtlength1" class="form-control">
<input type="text" id="txtwidth1" class="form-control">
<input type="text" id="txtheight1" class="form-control">
<button type="button" class="btn gflbtn btn-block" id="btngetinfo">Submit</button>
任何帮助都将不胜感激,因为我正在为此浪费数小时。提前谢谢!
【问题讨论】:
-
抛出消息是什么意思?
-
其他一切似乎都按预期运行,并且根据输入,我在 alert() 中收到正确的响应。我也试过
preventDefault()和return或return false -
将此添加到您的按钮 type="button"。我怀疑按钮正在提交表单。
-
对不起,Nawed.. 我的原始代码中确实有这个,但在这个例子中忽略了输入。我编辑了我的帖子以包含它。
-
请澄清,您希望在出现错误时保留字段中的输入,对吗?它对我来说工作正常,单击提交时输入未清除。如果这不是您想要的,那么您可以添加更多详细信息吗?