1、button写在了<form>表单内部,定义的类型为submit,所以点击按钮后校验通过就自动提交了,代码如下:
2、后来发现不一定是点击两次才提交,有时候会是三次,仔细查看,发现因为页面校验使用的jquery,validate中的remote方法校验表单内字段内容,代码如下
3、而remote默认是异步校验,也就是async为true,所以导致,有时候我们点击提交,校撰颧幌汪验结果并未返回,所以点击提交表单苻抽苍黪整体验证尚未完成不作响应不提交,等某次我们点击刚好remote校验从后台获取到结果,才能提交。
4、所以,我们将代码中增加同步标识,同步校验,这样点击提交按钮就会变成正常的,验证通过后点击一次即可提交。代码如下: