Javascript 为什么提交按钮指向其他选项卡?

Javascript 为什么提交按钮指向其他选项卡?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,在单击邮件选项卡中的发送邮件按钮后,我试图在“收件人:”只读输入框顶部显示一条假消息,如下所示。 但所发生的不是显示消息,而是打开“FAQ”选项卡。您能建议我如何在输入框顶部显示消息而不进入FAQ选项卡吗。多谢各位 这是你的电话号码 试着这样做: $("form#frmDemo").submit(function(e) { let t = $(this); let name = t.find("#name").val(); let comment = t.find("#commen

在单击邮件选项卡中的发送邮件按钮后,我试图在“收件人:”只读输入框顶部显示一条假消息,如下所示。 但所发生的不是显示消息,而是打开“FAQ”选项卡。您能建议我如何在输入框顶部显示消息而不进入FAQ选项卡吗。多谢各位

这是你的电话号码


试着这样做:

$("form#frmDemo").submit(function(e) {

  let t = $(this);
  let name = t.find("#name").val();
  let comment = t.find("#comment").val();
  let errorMsg = t.find("#error_message");
  let successMsg = t.find("#success_message");

  if(name == "" || comment == "" ) {

    errorMsg.html("All Fields are Required").show();

  } else {

    errorMsg.html("").hide();

    $.ajax({
      type: "POST",
      url: "post-form.php",
      data: "name="+name+"&comment="+comment,
      success: function(data){
        successMsg.fadeIn().html(data);
        setTimeout(function() {
          successMsg.fadeOut("slow");
        }, 2000 );

      }
    });

  }

  e.preventDefault();
});

你能检查一下按钮的href吗?[白痴想法]在最后尝试
返回false
以停止任何传播可能是一个解决方案?[白痴想法]你应该
.focus()
在错误的字段上以确保我没有看到错误发生。。检查您的#错误#消息或#成功#消息是否为页面中的uniq id,或者您是否没有任何其他
.submit()
函数。我在submit中没有提供任何href属性,但它仍然会进入其他选项卡,因为它不起作用。点击一个按钮就可以显示一条虚拟消息吗?编辑:我阅读了页面的状态,用ajax更改了选项卡,默认值应该在脚本的末尾,请尝试一下
$("form#frmDemo").submit(function(e) {

  let t = $(this);
  let name = t.find("#name").val();
  let comment = t.find("#comment").val();
  let errorMsg = t.find("#error_message");
  let successMsg = t.find("#success_message");

  if(name == "" || comment == "" ) {

    errorMsg.html("All Fields are Required").show();

  } else {

    errorMsg.html("").hide();

    $.ajax({
      type: "POST",
      url: "post-form.php",
      data: "name="+name+"&comment="+comment,
      success: function(data){
        successMsg.fadeIn().html(data);
        setTimeout(function() {
          successMsg.fadeOut("slow");
        }, 2000 );

      }
    });

  }

  e.preventDefault();
});