本文介绍了JavaScript中表单验证的基本方法，包括如何通过函数检查表单字段是否为空，并给出了具体的代码示例。此外还概述了几种常见的验证类型：表单验证、数据验证及约束验证。
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"
onsubmit="return validateForm()" method="post">
名字: <input type="text" name="fname">
<input type="submit" value="提交">
</form>
验证的类型：
1、表单验证 在数据被送往服务器前对表单中的输入数据进行验证，以检验是否符合要求
2、数据验证 确保用户输入的数据有效。分为服务端数据验证和客户端数据验证，验证位置不同。
3、约束验证 表单被提交时浏览器用来实现验证的一种算法，基于HTML输入属性、CSS伪类选择器、DOM属性和方法
扫一扫
1139
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
