【问题标题】:AJAX to be ran under conditionAJAX 在条件下运行
【发布时间】: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()returnreturn false
  • 将此添加到您的按钮 type="button"。我怀疑按钮正在提交表单。
  • 对不起,Nawed.. 我的原始代码中确实有这个,但在这个例子中忽略了输入。我编辑了我的帖子以包含它。
  • 请澄清,您希望在出现错误时保留字段中的输入,对吗?它对我来说工作正常,单击提交时输入未清除。如果这不是您想要的,那么您可以添加更多详细信息吗?

标签: jquery html


【解决方案1】:

再次感谢所有加入讨论的人。这个问题看起来最终来自使用$(document).on('click','#btngetinfo',function(e){。今天早上我尝试使用$('#btngetinfo').click(function(e){,一切都按预期运行。

【讨论】:

  • 你只是把问题放在一边。它仍然存在,因为你没有停止正常的表单行为。更不用说如果没有 $.click() 的实时版本,您将无法执行您正在尝试做的事情
猜你喜欢
  • 2019-03-16
  • 2022-07-23
  • 2018-03-28
  • 1970-01-01
  • 1970-01-01
  • 2021-11-15
  • 1970-01-01
  • 2022-01-22
  • 2023-03-21
相关资源
最近更新 更多