Javascript HTML5表单必填字段，带普通按钮（不提交）

我有一些表单字段和一个保存按钮（不是提交类型）。我想实现HTML5所需的验证 使用

然而，它似乎只适用于提交按钮，而不适用于普通按钮

我不能使用提交按钮，因为我的保存按钮上有自定义代码

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

---

如何使用普通按钮实现相同的功能？

最好将自定义代码添加到表单的提交事件中：

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

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




});

---

最好将自定义代码添加到表单的提交事件中：

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

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




});

这是怎么回事

$("#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（）

在空字段中循环。这是怎么回事

$("#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（）

在空字段中循环。我想您可以使用submit按钮。只需在末尾添加return false，如下所示：

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

---

我想你可以使用提交按钮。只需在末尾添加return false，如下所示：

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

---

您可以使用表单提交事件并使用

e.preventDefault（）防止默认行为（发布到服务器）

您可以使用表单提交事件并使用
e.preventDefault（）防止默认行为（发布到服务器）

非常…我喜欢这个…唯一的一件事这只对第一个字段有效…不适用于我所有的4个字段…非常…我喜欢这个…唯一的一件事这只对第一个字段有效…不适用于我所有的4个字段。。。