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

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

iteye_20283

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

阅读量249

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_20283/article/details/82643766

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<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>