1.先写用户注册页面userrAdd.jsp

  <body>

   <center>

    <form name="f1" id="f1" action="userrAdd2.jsp" method="post" >

      <table border="0">

      <tr>

          <td><strong>用户名</strong>:</td>

          <td><input type="text" name="username" id="username" value="" maxlength="11"></td>

        </tr>

        <tr>

          <td><strong>手机号</strong>:</td>

          <td><input type="text" name="phonenumber" id="phonenumber" value="" maxlength="11"></td>

        </tr>

        <tr>

          <td><strong>密码:</strong></td>

          <td><input type="text" name="password" id="password" value="" maxlength="11"></td>

        </tr>

        <tr>

          <td colspan="2" align="center"><input type="button" value="注册 " onclick="validate()"></td>/////////注意此处提交按钮为button，在javascript中提交

        </tr>

      </table>

    </form>

</center>

  </body>

</html>

2.然后写javascript，也在userrAdd.jsp中写在</head>前

<script type="text/javascript">

	function validate()

    {

    var username=document.forms[0].username.value;

    var phonenumber=document.forms[0].phonenumber.value;

    var password=document.forms[0].password.value;

    if(username.length<2){

    	alert("请输入合法用户名！");//////////////////////////////////////////验证用户名

    }

    else if(phonenumber.length<11){

    	alert("您的手机号应该为十一位！");////////////////////////////////////验证手机号

    }

    else if(password.length<6){

    	alert("密码至少六位！");////////////////////////////////////////////验证密码

    }

    else{

    	document.forms[0].submit();//////////////////////////////////////提交到userrAdd2.jsp

    }

    }

	</script>

3.注册到数据库：userrAdd2.jsp

<body>

   <%

   request.setCharacterEncoding("utf-8");

   String username=request.getParameter("username");

    String phonenumber=request.getParameter("phonenumber");

    String password=request.getParameter("password");

	Connection con = null;

	Statement stmt = null;

	ResultSet rs = null;  

	String url = "jdbc:sqlserver://127.0.0.1:1433;databaseName=student;user=sa;password=1";//sa身份连接

	Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");

	con = DriverManager.getConnection(url);

	stmt = con.createStatement();

	String SQL = "insert into userr values('"+username+"','"+phonenumber+"','"+password+"')";

	stmt.execute(SQL);

%>

注册成功

  </body>

4.结果截图

JavaScript实现输入验证（简单的用户注册）的更多相关文章

  1. 2017.9.23 HTML学习总结----JavaScript实现输入验证

    定义:对于一个HTML页面中的表单,可以获取其中的各项表单域信息, 利用这些信息,可以判定个表单域所提供的输入值是否合法,是否 符合所要求的格式,这就是表单的输入验证. (1)需要验证的表单输入域的要 ...

  2. html的JavaScript的简单输入验证

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. javascript设计模式实践之策略模式--输入验证

    策略模式中的策略就是一种算法或者业务规则,将这些策略作为函数进行封装,并向外提供统一的调用执行. 先定义一个简单的输入表单: <!DOCTYPE html> <html> &l ...

  4. 15个最佳的 JavaScript 表单验证库

    客户端验证在任何项目都是不够的,因为 JavaScript 可以直接忽略,人们可以提交请求到服务器. 然而这并不意味着客户端验证都没必要了,很多时候我们需要在用户提交到服务器之前给予提示.JavaSc ...

  5. jquery实现表单验证简单实例

    /* 描述:基于jquery的表单验证插件. */ (function ($) { $.fn.checkForm = function (options) { var root = this; //将 ...

  6. 用25行JavaScript语句实现一个简单的编译器

    原文:https://www.iteye.com/news/32680 译者注:即使对于专业程序员来说,构造一个编译器也是颇具挑战性的任务,本文将会引导你抽丝剥茧,一探究竟! 我已经写了几篇与编程语言 ...

  7. Struts2入门(四)——数据输入验证

    一.前言 1.1.什么是输入验证?为什么需要输入验证? 在上一篇文章中,我们学习了数据类型转换,我们提到了表示层数据处理的两个方法,也提到了用户输入数据需要进行类型转换才能得到我们想要的数据,那么,我 ...

  8. JavaScript表单验证实例

    1. 长度限制<script>function test(){if(document.a.b.value.length>50){alert("不能超过50个字符!" ...

  9. Struts2的输入验证

    一.概述: ① Struts2的输入验证 –基于 XWorkValidation Framework的声明式验证:Struts2提供了一些基于 XWork Validation Framework的内 ...

随机推荐

  1. New Concept English 1-10

    Lesson 10 The loss of Titanic The great ship, Titanic, sailed for New York from Southampton on April ...

  2. System.UnauthorizedAccessException Access to the path "/etc/mono/registry" is denied.

    sudo mkdir /etc/mono/registry sudo mkdir /etc/mono/registry/LocalMachine sudo chmod g+rwx /etc/mono/ ...

  3. java反射小例子

    package com.txwsqk.reflect; public class Car { private String brand; private String color; private i ...

  4. eclipse中 将java项目转换为web项目

    来自:http://jadethao.iteye.com/blog/1331308 eclipse中 将java项目转换为web项目 1.找到项目工作空间目录,打开.project文件,并修改文件,  ...

  5. <input type='file'/>把默认样式改成框框

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. OFDM学习之旅

    前言: 这些日子开始准备搞OFDM之类的,未动先行matlab仿真,这里我会慢慢更新,基本上是自己学习感悟吧<未完待续> 一.PRBS PRBS 是 Pseudo Random Binar ...

  7. ANGULAR JS WATCH监听使用（详）

    ANGULAR 监听使用: 当angular数据模型发生变化时,我们需要如果需要根据他的变化触发其他的事件. $watch是一个scope函数,用于监听模型变化,当你的模型部分发生变化时它会通知你. ...

  8. <<Windows via C/C++>>学习笔记 —— 线程优先级【转】

    转自:http://www.cnblogs.com/wz19860913/archive/2008/08/04/1259807.html 每个线程都有一个“优先级”,范围是0-31,0为最低优先级,3 ...

  9. php请求返回GeoJSON格式的数据

    <?php /* * Following code will list all the products */ // array for JSON response $response = ar ...

  10. shell 从1加到100