2018.5.27
JavaScript 表单
一、表单验证
判断单字段是否存在
<script>
function validateForm() {
var x = document.forms["myForm"]["fname"].value;
if (x == null || x == "") {
alert("需要输入名字。"); //判断输入值,存在则输出输入信息,否则弹出提示窗
return false;
}
}
</script>
</head>
<body>
<form name="myForm" action="demo_form.php"
οnsubmit="return validateForm()" method="post">
名字: <input type="text" name="fname">
<input type="submit" value="提交">
</form>
验证的类型:
1、表单验证 在数据被送往服务器前对表单中的输入数据进行验证,以检验是否符合要求
2、数据验证 确保用户输入的数据有效。分为服务端数据验证和客户端数据验证,验证位置不同。
3、约束验证 表单被提交时浏览器用来实现验证的一种算法,基于HTML输入属性、CSS伪类选择器、DOM属性和方法