HTML5表單必填字段與正常按鈕（不提交）

我有一些表單域和保存按鈕（不提交類型）。我想執行HTML5所需的驗證使用 HTML5表單必填字段與正常按鈕（不提交）

但它似乎只適用於提交按鈕，而不是正常的按鈕。

我不能使用提交按鈕，因爲我有我的保存按鈕

$("#saveForm").click(function(){ 
     saveFormData(); 
     showView('detailsView','editView'); 
     setFormFieldValues(); 
    })

自定義代碼我怎樣才能做到與普通按鍵一樣的嗎？

來源

2013-03-10 testndtv

最好是你的自定義代碼添加到窗體的提交事件：

$("form").on("submit",function(event){ 

    saveFormData(); 
    showView('detailsView','editView'); 
    setFormFieldValues(); 




});

來源

2013-03-10 15:42:15 YardenST

這是怎麼回事？

$("#saveForm").click(function(event){ 

    var emptyFields = $('input').filter('[required][value=""]'); 
    if (emptyFields.length === 0) { 
     /* valid code here */ 
    } else { 
     /* invalid code here */ 
     event.preventDefault(); // this stops the click event; 
    } 
}

您可以通過空字段循環中使用emptyFields.each()

來源

2013-03-10 15:42:35 Dogoku

THX很多（發佈到服務器）......我喜歡這...只有這只是爲第一個領域工作.....並非所有4個領域，我有... – testndtv 2013-03-10 15:47:57

我更新了代碼，它現在計數空的必填字段。 – Dogoku 2013-03-10 21:01:32

我認爲你可以使用提交按鈕。在剛剛結束這樣的添加將返回false：

$("#saveForm").click(function(){ 
    saveFormData(); 
    showView('detailsView','editView'); 
    setFormFieldValues(); 
    return false;  //stops the form being submitted 
})

來源

2013-03-10 15:47:15

你可以使用表單提交事件，並防止默認行爲使用e.preventDefault();

$("form").on("submit",function(e){ 
    e.preventDefault(); 
    saveFormData(); 
    showView('detailsView','editView'); 
    setFormFieldValues(); 
});

來源

2013-03-10 15:49:05

HTML5表單必填字段與正常按鈕（不提交）

回答

相關問題