javascript——在数据被送往服务器前对HTML表单中的输入数据验证
被 JavaScript 验证的这些典型的表单数据有:
1、用户是否已填写表单中的必填项目?
<html>
<head>
<script type="text/javascript">
function validate_required(field,alerttxt){
with(field)
{
if(value==null||value="")
{alert(alerttxt);return false}
else{return true}
}
}
function validate_form(thisform)
{
with(thisform)
{
if(validate_required(email,'Email must be filled out!')==false)
{email.foucus();return false}
}
}
<body>
<form action="submitpage.htm" onsubmit="return validate_form(this)" method="post">
Email:<input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>
</html>
2、用户输入的邮件地址是否合法?
输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号
function validate_email(field,alterttxt){
with(field)
{
apos=value.indexOf(".")
dotpos=value.lastIndexOf(".")
if(apos<1||dotpos-apos<2)
{alert(alerttxt);return false
}
else{return true}
}
}
用户是否已输入合法的日期?
用户是否在数据域 (numeric field) 中输入了文本?