javascript - 是否可以在没有提交按钮的情况下验证表单？

Question

我有使用 jquery 进行客户端验证的普通按钮。问题是我还想添加服务器端验证，但是当输入类型为提交时，jquery 代码不起作用。当我使用

$('#addperson').submit(function(event){
  event.preventDefault();
  //code for client side  checks
});

客户端代码不起作用。请问有人知道是否有办法让我的按钮同时在客户端和服务器端工作？

Answer 1

首先在客户端进行表单验证，然后执行 $('form').submit() 并将所有信息发送到服务器。

$('button').click(function () {
     if (validateMyForm()) {
         $('form').submit();
     }
});

function validateMyForm() {
    // check if valid
    [...]

    return isValid
}

<form>
    <input type="text" name="name"/>
    <button type="button">Submit</button>
</form>