java script用户判定及验证码

    技术2022-05-19  21

     

    <%@ page language="java" contentType="text/html; charset=gbk"%>

    <html>

    <head>

    </head>

    <body>

     

     

    <head>

     

     

    <script language="javascript">

        function check()

    {

       var name=document.getElementById("textfield").value;

    var name2=document.getElementById("textfield2").value;

    if(name=="")

    {

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

    return;

    }

    if(name2=="")

    {

    alert("请输入密码!");

    return;

    }

    alert("注册成功");

    window.open("login.jsp");

      }

     </script>

    </head>

     

    <body bgcolor="yellow" >

     

    <form id="form1" name="form1" method="post" action="" >

    <font size="+2" color="red">

                    用户名:<input type="text" name="textfield" /> 

      <p>   昵称:

      <input type="text" name="textfield3" />

       <p>  密码:

        <input type="text" name="textfield2" />

      <p>重复密码:

      <input type="text" name="textfield4" /> 

       <p>电子邮箱:<input type="text" name="textfield6" />

       <p>  性别:

        <input type="radio" name="radiobutton" value="radiobutton" /> 男

               <input type="radio" name="radiobutton" value="radiobutton" /> 女

       <p> 验证码:

        <input type="text" name="textfield7" />

      <script language="JavaScript">  <!--

    function randomString(stringLen) {   // stringLen随机字串长度

      //有效字符

      var validChar = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";

    //ret为返回字串变量

      var ret = "";

      for (var i=0; i< stringLen; i++) {

        //从有效字符集中得到一个随机字符,并加到返回字串变量中

        var rnum = Math.floor(Math.random() * validChar.length);

        ret += validChar.substring(rnum,rnum+1);

      }

      return ret;

    }

     

    //测试随机字串函数

    document.write(randomString(5)+"<p>");

     

    </script></p> 

      <p>    

        <input type="submit" name="button" id="button" value="提交"  οnclick="check()"/>

     

        <input type="reset" name="button2" id="button2" value="重置" />

    </p>

    </font>    

    </form>

     

    </body>

     

    </html>

     

     


    最新回复(0)