页面刷新提交按钮，需要它来隐藏表格

-1

我认为这将是最好的地方问这个问题。所以我目前正在开发一个网站。刚刚遇到了几个问题。每当我点击一个输入框提交，而不是隐藏该表单，并显示下一个不断刷新页面。这很奇怪，因为如果我在本地浏览页面而不是在我的服务器上，那么所有事情都可以按照我的需要进行。我会继续发布我的代码，希望有人知道我的问题。先谢谢你！页面刷新提交按钮，需要它来隐藏表格

下面是按钮：

<form id="firstForm"> 
      <div class="form-group form-group-lg"> 
       <label for="InputUsername">Username</label> 
       <input type="text" class="form-control" name="InputUsername" id="InputUsername" 
         placeholder="Username"> 
     </div> 
      <button type="submit" class="btn btn-default btn-lg btn-block">Connect</button> 
    </form>

这里是Jquery的：

$("#firstForm").validate({ rules: { InputUsername: { required: true, minlength: 1 } }, messages: { InputUsername: "Enter a valid username/email" }, submitHandler: function (form) { $(\'#firstForm\').fadeOut(function() { $(\'#secondForm\').fadeIn().removeClass(\'hidden\');

来源

2016-04-30 Codejunkie

这不奇怪。一个型submit<button>将触发表单操作 - 除非你在你的代码中指定的Event.preventDefault()

，或者如果你严格的规定，这是一个式按钮<button type="button">Connect</button>比窗体不会提交，你可以移动你的.validate( JS脚本。

来源

2016-04-30 19:57:30

我会在submitHandler后添加此？我感谢快速的支持！我对jquery很新，所以我很抱歉。 – Codejunkie

@Codejunkie删除了不必要的代码。 –

您只需在按钮操作函数中使用event.preventDefault()或return false，因为提交按钮将触发表单操作。

$("#firstForm").submit(function(event) { 

    event.preventDefault(); 

    //Some action code here 

});

来源

2016-04-30 19:59:26

使用的preventDefault不触发重装行动：

$("#firstForm").submit(function(e) { 
    e.preventDefault(); 
}).validate({...});

来源

2016-04-30 20:01:33 felipecamposclarke

页面刷新提交按钮，需要它来隐藏表格

回答

相关问题