js怎么验证表单?

JavaScript010

js怎么验证表单?,第1张

JavaScript 表单验证:

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题):

function validate_required(field,alerttxt)

{

with (field)

{

if (value==null||value=="")

{alert(alerttxt)return false}

else {return true}

}

}

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

改成这样就行了