js表单验证:通过document.forms[‘表单名’] [‘元素名’]
<!DOCTYPE html>
<html>
<head>
<title>表单验证</title>
</head>
<body>
<form name="myform" action="demo.py" "return validateForm()" method="post">
名字:<input type="text" name="fname">
<input type="submit" value="提交">
</form>
</body>
</html>
<script type="text/javascript">
function validateForm() {
var val=document.forms['myform']['fname'].value;
if (val==''||val==null) {
alert('名字不能为空')
return false;
}
}
</script>
HTML表单自动验证:表单的验证可以通过浏览器来自动完成。如果表单字段的值为空,required属性会阻止表单提交
名字:<input type="text" name="uname" required="required">
数据验证
数据验证用来确保用户输入的数据是有效的,典型的数据验证有:
- 必须字段是否有输入
- 用户是否输入了合法数据
- 在数字字段是否输入了文本
- 验证是否是一个正确的email地址
- 日期是否输入正确
js约束验证DOM方法:
checkValidity():如果input元素中的数据是合法的返回true,否则返回false。
setCustomValidity()设置input元素的validationMessage属性,用于定义错误提示信息的方法
js中this关键字:
在js中this关键字不是固定不变的,它会随着执行环节的改变而改变