验证函数触发，写在表单的onsubmit事件里

表单验证脚本

最新推荐文章于 2021-07-19 18:00:14 发布

原创最新推荐文章于 2021-07-19 18:00:14 发布 · 258 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的HTML表单及JavaScript验证脚本实现，确保在提交表单前必须填写顾客姓名、电话、地址和类型等必填项。通过前端验证提高了用户体验并减少服务器端不必要的负担。


<form action="chuli.asp" method="post" name="form1" onsubmit="javascript:return form1ChK()">
	顾客姓名<input name="gkxm" type="text"><br> 
	顾客电话<input name="gkdh" type="text"><br>
	顾客地址<input name="gkdz" type="text"><br>
	顾客类型<input name="gklx" type="text"><br>
			<input name="submit" type="submit"> 
</form> 
<script language="javascript"> 
	function form1ChK(){//函数不要和表单同名	 
		if (document.form1.gkxm.value==""){ 
			alert("请输入顾客姓名!") 
			document.form1.gkxm.focus() 
			return false 
		}else if(document.form1.gkdh.value==""){ 
			alert("请输入顾客电话!") 
			document.form1.gkdh.focus() 
			return false 
		}else if(document.form1.gkdz.value==""){ 
			alert("请输入地址！") 
			document.form1.gkdz.focus() 
			return false 
		}else if(document.form1.gklx.value==""){ 
			alert("顾客类型不能为空！") 
			document.form1.gklx.focus()
			return false 
		} 
	}
</script>