javascript - Javascript 验证后提交表单

Question

我想在使用 JavaScript 验证表单后将其提交到名为 reg.php 的 PHP 文件。 HTML 格式如下:

HTML 表单:

<form method="post">
   <input type="text" id="username" name="username"></input>        
   <button type="button" onclick="val()">Sign Up</button>
</form>

JavaScript 验证

以下是JavaScript验证码:

function val(){

    var uname = document.getElementById('username').value;
    if(!uname){
        document.getElementById("error").innerHTML = "Enter a username";
        return false;
    }
    else{
        // I want to submit form if this else statement executes.
    }


}

Answer 1

只需添加 action="reg.php"在 <form>和 return val()在 onclick 上运行, 也使 type="submit"表单提交，例如:

HTML 代码:

<form method="post" action="reg.php">
   <input type="text" id="username" name="username"></input>        
   <button type="submit" onclick="return val()">Sign Up</button>
</form>

JavaScript 代码:

只需添加 return true; 在else喜欢:

function val(){

    var uname = document.getElementById('username').value;
    if(!uname){
        document.getElementById("error").innerHTML = "Enter a username";
        return false;    // in failure case
    }        
    return true;    // in success case
}