javascript - js拒绝验证后防止重置表单

Question

我有一个调查，按钮提交它在我的 js 中运行的第一件事是验证是否输入了必填字段。基本上：

if (x == null) {
    alert("You forgot to enter a required field!.");
    return false;
};

如果他们忘记了一个必填字段，是否有任何方法可以防止页面刷新/重置以前填写的内容？

如果这很重要，或者可以在这里提供帮助，此调查将存储到本地存储中。

Answer 1

您可以使用 Jquerys.submit函数（如果使用 Jquery）：

$('#formID').submit(function(){
    if (x == null) {
        alert("You forgot to enter a required field!.");
        return false;
    }
});

Answer 2

首先检查这些答案：

• 如何使用 Javascript 验证带有小时和分钟的输入文本
• 使用 JavaScript 进行表单验证
• 使用 JavaScript 验证电子邮件地址文本框

如果您对使用这样的框架不感兴趣，jQuery可以这样做：

<form name="form" onsubmit="return validate()">

function validate() {
    var input_value = document.forms["form"][" .. input name .. "].value;
    if( input_value == '' ) return false;
}

如果您有多个输入，我建议您使用循环遍历它们foreach。

有了jQuery它会是这样的：

$( '#formID' ).on( 'submit', function() {
    event.preventDefault();
    // check input value
    if( valid input ) $( this ).submit();
});

有趣的阅​​读：return false vs preventDefault

Answer 3

在表单提交期间处理提交事件，并在处理程序方法中返回 false。