zoukankan      html  css  js  c++  java
  • JSP表单提交与接收

    JSP表单提交与接收

    在Myeclipse中新建web project,在webroot中新建userRegist1.jsp,代码如下

    <%@ page contentType="text/html;charset=gb2312"%>
    <script language="javascript">
     function on_submit(){//验证数据的合法性
        if (form1.username.value == ""){
               alert("用户名不能为空,请输入用户名!");
               form1.username.focus();
               return false;
            }
        if (form1.userpassword.value == ""){
               alert("用户密码不能为空,请输入密码!");
               form1.userpassword.focus();
               return false;
            }
        if (form1.reuserpassword.value == ""){
               alert("用户确认密码不能为空,请输入密码!");
               form1.reuserpassword.focus();
               return false;
            }
        if (form1.userpassword.value != form1.reuserpassword.value){
                alert("密码与确认密码不同");
               form1.userpassword.focus();
               return false;
            }
        if (form1.email.value.length!= 0){
               for (i=0; i<form1.email.value.length; i++)
                  if (form1.email.value.charAt(i)=="@") break;
                  if (i==form1.email.value.length){
                     alert("非法E-mail地址!");
                     form1.email.focus();
                     return false;
                  }    
            }else{
            alert("请输入E-mail!");
               form1.email.focus();
               return false;
    }
     }
    </script>
    <html>
    <head>
    <title>新用户注册</title>
    </head>
    <body>
    <form method="POST" action="acceptUserRegist1.jsp" name="form1" onsubmit="return on_submit()">
      新用户注册<br>
      用户名(*):<input type="text" name="username" size="20"><br>&nbsp; 码(*):<input type="password" name="userpassword" size= "20"><br> 
      再输一次密码(*):<input type="password" name="reuserpassword" size= "20"><br>
      性别:<input type="radio" value="男" checked name="sex">男<input type="radio" name="sex" value="女">女<br>
      出生年月:<input name="year" size="4"  maxlength=4><select name="month">
                      <option value="1" selected>1</option>
                      <option value="2">2</option>
                      <option value="3">3</option>
                      <option value="4">4</option>
                      <option value="5">5</option>
                      <option value="6">6</option>
                      <option value="8">7</option>
                      <option value="9">9</option>
                      <option value="10">10</option>
                      <option value="11">11</option>
                      <option value="12">12</option>
                  </select><input name="day" size="3"  maxlength=4>日<br>
      电子邮箱(*):<input name="E-mail"  maxlength=28><br>
      家庭住址:<input type="text" name="address" size="20"><br>
      <input type="submit" value="提交" name="B1"><input type="reset" value="全部重写" name="B2"><br>
    </form>
    </body>
    </html>

    (代码中javascript解决逻辑判断问题,保证输入格式的正确性)

    在浏览器输入地址,运行,然后输入相关参数:

    然后在webroot中新建acceptUserRegist1.jsp,用于接收相关内容,代码如下:

    <%@ page contentType="text/html;charset=gb2312"%>
    <%!
    public String codeToString(String str){//处理中文字符串的函数
      String s=str;
      try{
        byte tempB[]=s.getBytes("ISO-8859-1");
        s=new String(tempB);
        return s;
    }catch(Exception e){
        return s;
    }
    }
    %>
    <html>
    <head>
    <title>接收新用户注册</title>
    </head>
    <body>
    这是新用户注册所提交的数据:
    <br>
    用户名是:<%=codeToString(request.getParameter("username"))%><br>
    密码是:<%=codeToString(request.getParameter("userpassword"))%><br>
    性别是:<%=codeToString(request.getParameter("sex"))%><br>
    出生年月是:
    <%=request.getParameter("year")+request.getParameter("month")+request. getParameter("day")%><br>
    电子邮箱是:<%=request.getParameter("E-mail")%><br>
    家庭住址是:<%=codeToString(request.getParameter("address"))%><br>
    </body>
    </html>

    运行结果如下:

     参考资料《java web轻量级开发全体验》

  • 相关阅读:
    CF 234 C Weather(粗暴方法)
    给工作赋予的新意义——Leo鉴书78
    获取集合的方法
    VS 统计代码行数
    , ,
    指针的删除动作
    C++ 名称空间
    boost::token_compress_on
    指针与引用
    容器的end()方法
  • 原文地址:https://www.cnblogs.com/myfrank/p/7243337.html
Copyright © 2011-2022 走看看