共计 628 个字符，预计需要花费 2 分钟才能阅读完成。
使用 form 表单的 onsubmit 方法，在提交表单之前，对表单或者网页中的数据进行检验。
onsubmit 指定的方法返回 true，则提交数据；返回 false 不提交数据。
在不使用 JQuery 的情况下（js 原生），是提交表单前拦截的较好方法。
js 验证 form 表单，示例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width”>
<title>form validate</title>
<script src=”https://code.jquery.com/jquery-1.9.1.js”></script>
<script>
function validate() {
// 为了方便 使用了 jq 获取表单元素的值，可以使用 js 原生获取
if ($(‘#input’).val() == 1) {
return true
} else {
alert(‘validate error!’)
return false
}
}
</script>
</head>
<body>
<form action=”http://www.baidu.com” onsubmit=”return validate()”>
<input type=”text” id=”input”>
<input type=”submit” id=”submit” value=” 提交 ” />
</form>
</body>
</html>
正文完
发表至： javascript
2019-04-18
