表单属性 "onsubmit" 无法正常工作

Question

<form action="Verification" method="post" onsubmit='return (if (document.getElementById("1").value===document.getElementById("2").value))' >
        Name: <input type="text" name="name" required/><br>
        Email: <input type='email' name='email' id="1" required/><br>
        Confirm Email: <input type='email' name='confirm' id="2" required/><br>
        <input type="submit" value="Sign Up" />
    </form>

我想知道如果两个邮件不一样，我是否可以停止提交表单。

提前致谢

Answer 1

您需要执行类似 javascript 的操作来比较两个值，如果它们不相同，则 returns 为假。为两个输入命名或通过 id 获取值，然后执行类似下面的 onsubmit:

    function validateForm() {
    var x = document.forms["myForm"]["parentsEmail"].value;
    var y = document.forms["myForm"]["parentsEmailConfirmation"].value;
    if (x != y) {
        alert("Let them know it's wrong here.");
        return false;
        }
    //else finish submission process
    }

Answer 2

你应该使用 jQuery 验证 https://jqueryvalidation.org/equalTo-method/

表单属性 "onsubmit" 无法正常工作

Form attribute "onsubmit" not working properly

html

forms

onsubmit