原生js封装表单提交验证方法

原生自带的checkValidity()方法返回一个布尔值,true表示通过校验,false表示没有通过校验。因此,提交表单可以封装为下面的函数。

function submitForm(action) {
var form = document.getElementById('form');
form.action = action;
if (form.checkValidity()) {

form.submit();

}
}

但是这个checkValidity()方法只会验证浏览器api提供的一些基础检验。现在需要自定义一些检验(比如:验证A表单值必须大于B表单值。以及ajax请求后台某个表单值是否重复验证)。该如何改进方法,使其变成通用方法。


吃鸡游戏
浏览 489回答 1
1回答

跃然一笑

原生的方法不可能考虑其超集的内容。可以考虑form.prototype中覆盖overwrite这个方法,或者自己写一个。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript