HTML js非空驗證

<!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="" οnsubmit="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>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章