用JavaScript编写表单验证程序

Author: 魏芳莲 Date: 2001年 7期

?牐犗衷诤芏嗤径祭帽淼ヒ忱刺岣咄镜慕换バ阅堋４蠹叶贾辣淼サ脑俗餍枰筇ǔ绦蚶丛诵校咛宓厮稻褪怯肅GI或ASP，当用户提交表单后，CGI在处理表单信息前必须判断信息的正确性，当有不正当信息时显示出错页面返还给用户，但这样一来用户端就会繁琐而耗时，因此，我们希望在前台先判断用户输入信息的准确性，保证送入后台的信息都是合法的，减少因为用户的错误输入而产生的时间浪费。下面的一个例子就是在HTML页面里插入了一段JavaScript来完成对表单信息的前台验证。当用户没有输入姓名和E-mail地址或输入的E-mail地址不含“@”和“.”时，将弹出相应的提示并将光标定位于相应的输入框。
　　?牐?<html>
　　?牐?<head><title>数据验证</title></head>
　　?牐?<script language=“JavaScript”>
　　?牐爁unction ValidateOrder（form）??
　　?牐爗??
　　?牐爄f （form.User_name.value == “”） #检验是否输入了姓名
　　?牐爗alert（“您没有输入姓名！”）; form.User_name.focus（）; return;}?? ??
　　?牐爄f （form.User_email.value == “”） #检验是否输入了email地址
　　?牐爗alert（“您没有输入E-mail地址！”）; form.User_email.focus（）; return;}?? ??
　　?牐爄f（form.User_email.value.indexOf（＇@＇， 0） == -1 ）｜｜#检验输入的email地址是否合法
　　?牐爁orm.User_email.value.indexOf（＇.＇， 0） == -1）??
　　?牐爗alert（“您输入的E-mail地址不对！”）;form.User_email.focus（）;return;}?? ??
　　?牐爁orm.submit（）;?煟牔?
　　?牐爙??
　　?牐?</script>
　　?牐?<body>
　　?牐?<form method=“post” action=“”>
　　?牐?<p>姓名：
　　?牐?<input type=“text” name=“User_name”>
　　?牐?</p>
　　?牐?<p>E-mail:??
　　?牐?<input type=“text” name=“User_email”>
　　?牐?</p>
　　?牐?<p>
　　?牐?<input type=“button” name=“Button” value=“提交” onclick=“ValidateOrder（this.form）”>
　　?牐?</p>
　　?牐?</form>
　　?牐?</body>
　　?牐?</html>
　　
　　