在表單中我有兩個按鈕:
<button type="submit">Submit< /button>
< button type="submit" name="rdraft" value="1"/span>> 保存到草稿</button>
第一個是實際發布的內容,第二個只是將其保存為草稿。 在表單提交時,我用Jquery驗證表單欄位:
第一種是實際發布內容,第二種只是將其保存為草稿。
$('#form'/span>).submit(function(e) {
//validation scripts。
});
我怎樣才能只在點擊第一個按鈕時驗證我的表單,并在它是草稿時跳過驗證呢?
uj5u.com熱心網友回復:
你可以對提交按鈕使用onClick事件
>。function validate(e){
var formData = new FormData(document. forms.myForm)。)
const jsonFormData = Object.fromEntries(formData)。
if(!jsonFormData['name']){
event.preventDefault()。
alert("Please enter name") 。
}
}
<form name="myForm">
< input type="text" name="name" />
<button type="submit" onclick="return validate()。 ">提交</按鈕>
< button type="submit" name="rdraft" value="1"/span>> 保存到草稿箱</button>。
</form>/span>
<iframe name="sif1" sandbox="allow-form allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
uj5u.com熱心網友回復:
另一個解決方案是使用submitter
$('#form')。 submit(function(e) {
const submitterValue = e.originalEvent.submitter.value。
if(submitterValue!=1){
//做驗證。
e.preventDefault()。
}
});
<script src="https://cdnjs. cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>/span>
<form id="form">/span>
< input type="text" name="name" />
<button type="submit"> 提交</按鈕>
< button type="submit" name="rdraft" value="1"/span>> 保存到草稿箱</button>。
</form>/span>
<iframe name="sif2" sandbox="allow-form allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/331830.html
標籤:
上一篇:在我試圖使用javascript列印的頁面中,Css樣式沒有被應用。
下一篇:無法在初始化串列中捕獲
