欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jsp验证表单后再提交

程序员文章站 2022-07-02 20:10:43
在提交表单时,我们常常需要验证核实表单内容,若都不为空时,方能提交;若有文本框为空则不提交,并获取鼠标焦点到文本框上 ,所以我们可以利用onsubmit的方法来做,请看下面例子:...

在提交表单时,我们常常需要验证核实表单内容,若都不为空时,方能提交;若有文本框为空则不提交,并获取鼠标焦点到文本框上 ,所以我们可以利用onsubmit的方法来做,请看下面例子:

<html>

<head><title></title>

<script>

  function yan(){

   if(frm.stuname.value==""){

    alert("姓名不得为空!");//弹出提示框

    document.frm.stuname.focus();  //获取鼠标焦点

    return(false);//返回一个值

  }

  else if(frm.stuPWD.value==""){

    alert("密码不得为空!");//弹出提示框

    document.frm.stuPWD.focus();  //获取鼠标焦点

    return(false);//返回一个值

  }

 

 }

</script>

</head>

<body>

   <form onsubmit="return yan()">

     <table>

          <tr>

            <td>用户名:<input type="text" id="stuname"></td>

         </tr>

        <tr>

            <td>密码:<input type="password" id="stuPWD"></td>

         </tr>

        <tr>

            <td><input type="submit" value="提交"></td>

         </tr>

           

     <table>

   </form>

</body>

</html>

 

这样就可以了,按提交时就会触发方法,注意的是,onsubmit="return yan()",里面一定要加上return,否则没有返回值的话,方法会失效