javascript表单验证

JavaScript013

javascript表单验证,第1张

验证函数如下:

function chkfrm(o){

if(!/\d+/gi.test(o.empid.value)){

alert('雇员编号:只能是数字。')

return false

}

if(o.empname.value==''){

alert('雇员姓名:不能为空。')

return false

}

if(o.empjob.value==''){

alert('雇员工作:不能为空。')

return false

}

if(!/^((((1[6-9]|[2-9]\d)\d{2})[-\/](0?[13578]|1[02])[-\/](0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})[-\/](0?[13456789]|1[012])[-\/](0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})[-\/]0?2[-\/](0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))[-\/]0?2[-\/]29[-\/]))$/gi.test(o.emptime.value)){

alert('雇佣日期:必须是日期格式,即2013-03-02')

return false

}

if(isNaN(o.empmoney.value)){

alert('基本工资:必须是数字(小数)')

return false

}

if(isNaN(o.emprw.value)){

alert('奖金:必须是数字(小数)')

return false

}

}

<form action="" method="post">

改为

<form action="" method="post" onsubmit="javascript:return chkfrm(this)">

即可

<HTML>

<meta charset="gbk"/>

<head>

  <SCRIPT LANGUAGE="JavaScript">

    function Check(frm1)

     {

      if (frm1.username.value==""){

          alert("用户名不能为空!")

          document.frm1.username.focus()

          return false

      }

      if (frm1.p.value==""){

          alert("密码不能为空!")

          document.frm1.p.focus()

          return false

      }

      if (frm1.p2.value!=frm1.p.value){

          alert("两次密码不一致!")

          document.frm1.p2.focus()

          return false

      }

      if (frm1.y.value==""){

          alert("邮箱不能为空!")

          document.frm1.y.focus()

          return false

      }

}

</SCRIPT>

</head>

<BODY>

 <FORM NAME="frm1">

    用户名:<INPUT TYPE="text" name="username"><br>

    密码:<INPUT TYPE="password"  name="p"><br>

    重复密码:<INPUT TYPE="password" name="p2"><br>

    邮箱:<INPUT TYPE="text" name="y"><br>

    城市:<select>

       <option>山东</option>

       <option>湖南</option>

    </select><br>

    爱好:吃饭<INPUT TYPE="checkbox">睡觉<INPUT TYPE="checkbox">吃饭和睡觉<INPUT TYPE="checkbox">

男<INPUT TYPE="radio">女<INPUT TYPE="radio"><br>

  

    个人简介 <textarea> </textarea> <br>

    <INPUT TYPE="submit"  VALUE="确定" ONCLICK="return Check(this.form)">

    <INPUT TYPE="submit"  VALUE="重置" >

</FORM>

</BODY>

</HTML>

改成这样就行了