頁面刷新提交按鈕，需要它來隱藏表格

-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

頁面刷新提交按鈕，需要它來隱藏表格

回答

相關問題