提交表單使用按鈕類型=「按鈕」，而不是提交

目前我有一個ASP.net頁面有一個形式包裝整個頁面。在該頁面中，我有兩種形式，分別有兩個提交按鈕。我使用parsley.js進行驗證，並且在@RickS的幫助下，我已經獲得了提交按鈕來驗證它們各自的表單。但是，爲了做到這一點，我不得不使用button type =「button」來做到這一點，但是當我這樣做時，表單不再提交。我敢肯定，這有一個非常明顯的解決方案，但它並沒有打擊我。有沒有人有一個快速解決方案？提交表單使用按鈕類型=「按鈕」，而不是提交

這裏是一個jsfiddle顯示我想要實現的。

<form method='post' id='form'> 
<div> 
    <input type='text' id='firstname' name='firstname' data-parsley-group="first" required /> 
    <input type='text' id='lastname' name='lastname' data-parsley-group="first" required /> 
    <input type='text' id='phone' name='phone' data-parsley-group="first" required /> 
    <button type="button" id="submit-form">Submit</button> 
</div> 

<div> 
    <input type='text' id='thisisrequired' name='thisisrequired' data-parsley-group="second" required /> 
    <button type="button" id="submit-form2">Submit 2</button> 
</div>

$('#form').parsley(); 
$("#submit-form").on('click', function() { 
$('#form').parsley().validate("first"); 
if ($('#form').parsley().isValid()) { 
    console.log('valid'); 
} else { 
    console.log('not valid'); 
} 
$("#submit-form2").on('click', function() { 
$('#form').parsley().validate("second"); 
if ($('#form').parsley().isValid()) { 
    console.log('valid'); 
} else { 
    console.log('not valid'); 
} 
});

來源

2015-07-01 Frazer Findlater

謝謝@Learner，你知道它爲什麼不提交嗎？我看是否填寫了它發送的兩種表格，但是如果我只填寫一個表格，則不能。 –

是的，在那裏是我的問題，@Learner。 ASP.net只允許一個表單標籤。如果我可以使用多種形式，那麼我會很好，但不是這樣。你還有其他建議嗎？非常感謝您的幫助。 –

以及如何http://blogs.msdn.com/b/kaevans/archive/2005/10/19/482778.aspx –

只好幫助從@Learner這一個誰使這個小提琴 - jsfiddle.net/ ukgvam9k/26

來源

2015-07-01 12:21:53

試試這個

$('#submit-form2').click(function(){ 
    $('#form').submit(); 
});

來源

2015-07-01 10:39:53 Manoj

只需添加：

$('#submit-form2').click(function() { 
    $('#form').submit(); 
});

來源

2015-07-01 10:42:01

提交表單使用按鈕類型=「按鈕」，而不是提交

回答

相關問題