當點擊外部按鈕時在表單上觸發所需的事件

下面是一個片段，我想要做的是在單擊下一個按鈕時使用窗體中任何輸入字段上的所需事件在表單之外（意味着表單將停止並且不會被提交，並且將會彈出一個html5需要的通知）。任何想法如何實現這一目標？當點擊外部按鈕時在表單上觸發所需的事件

$(document).ready(function(){ 
 
    $(document).on("click", "button", function(){ 
 
    
 
    
 
    }); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<form action="" method="post"> 
 
    <input name="test" value="" placeholder="your name" required /> 
 
    <button>save</button> 
 
</form> 
 

 
<button>Next</button>

來源

2015-09-08 Juliver Galleto

我真的不明白你想要達到什麼效果。 –

@Pekka：不，我不想觸發表單中保存按鈕的點擊動作。我只想使用位於表單之外的下一個按鈕來從具有必需屬性的任何輸入字段中觸發所需的事件。 –

您使用的是<button>元素。爲了進行表單驗證，您需要點擊<input type="submit">提交表單。添加其中的一個，但將其隱藏起來。

<form action="" method="post"> 
    <input name="test" value="" placeholder="your name" required /> 
    <button>save</button> 
    <input type="submit" class="hiddenSubmit" /> 
</form> 

<button class="next">Next</button>

點擊「下一步」按鈕，然後當，觸發隱藏的提交按鈕點擊：

$(document).ready(function(){ 
    $(document).on("click", "button.next", function(){ 
    $(".hiddenSubmit").trigger("click"); 
    }); 

});

Like so.

這將會是理想的，如果你的形式構建不同，但我假設你堅持這種佈局。

來源

2015-09-08 02:46:57 Harangue

當點擊外部按鈕時在表單上觸發所需的事件

回答

相關問題