HTML js非空验证

来源：互联网发布：sas是什么软件编辑：程序博客网时间：2024/06/05 11:19

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS验证表单内容</title>
<script type="text/javascript">
function validNull(theId,msg){
if(document.getElementByIdx_x_x(theId).value=="")
{
window.alert(msg);
document.getElementByIdx_x_x(theId).focus();
return true;
}
}

function submitCheck(){
if (validNull("Sch_Ename","请输入学校英文名称！"))
{
return;
}
if (validNull("Sch_Addr","请输入学校地址！"))
{
return;
}
if (validNull("Sch_Country","请选择学校所在国家！"))
{
return;
}
if (validNull("Sch_Property","请选择学校性质！"))
{
return;
}
if (validNull("Sch_Stay","请选择住宿服务类型！"))
{
return;
}
window.alert("验证通过")
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="" onsubmit="submitClick();return false;">
学校英文名称：<label><input type="text" name="Sch_Ename" /></label> <br />
学校地址：<label><input type="text" name="Sch_Addr" /></label><br />
学校所在国家：<label><input type="text" name="Sch_Country" /></label><br />
学校性质：<label><input type="text" name="Sch_Property" /></label><br />
住宿服务类型：<label><input type="text" name="Sch_Stay" /></label><br />
<label><input type="submit" name="submit" value="send"/></label>
<label><input type="reset" name="reset" value="reset" /></label>
</form>
</body>
</html>

0 0