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. android 断点下载---XUtils

    配置权限 <uses-permission android:name="android.permission.INTERNET"/> <uses-permissi ...

  2. ssh 配置config 别名

    打开shell 当前用户 cd ~ cd .ssh vim config Host (别名) User root(git)   登陆远程shell的用户 HostName 10.0.0.1 ip地址 ...

  3. sql server常用语法点

    if exists(select name from sysobjects where name = 'stuInfo')drop table stuInfogocreate table stuInf ...

  4. 判断checkbox是否选中

    一种是通过jquery A. $("[name='selectUserId']:checked").each(function () { // $(this).attr(" ...

  5. java mkdir()和mkdirs()的区别

    boolean mkdir()    创建此抽象路径名指定的目录.   boolean mkdirs()    创建此抽象路径名指定的目录,包括创建必需但不存在的父目录. 也就是说,mkdir只能创建 ...

  6. 【转】如何配置android的adb环境变量

    转载地址:http://jingyan.baidu.com/article/17bd8e52f514d985ab2bb800.html 对于android的开发人员来说,首先要做的就是环境变量的配置. ...

  7. C#datagridview 防止闪烁的方法

    描述:拉动DataGridView滚动条时会出现闪烁,看起来像是在重画,感觉不是很好. 解决方式:采用双缓存机制,在方案中添加方法. 代码: public static class Extension ...

  8. sharepoint2013用户切换实现方式

    作为一个刚学sharepoint的新人,今天在账号的切换中烦躁无比,不知道有木有人和我一样,sharepoint2013没有了切换用户,真的很不方便,当然了,也不是没有办法加上去,经过本人一个下午的研 ...

  9. LA 5713 秦始皇修路 MST

    题目链接:http://vjudge.net/contest/144221#problem/A 题意: 秦朝有n个城市,需要修建一些道路使得任意两个城市之间都可以连通.道士徐福声称他可以用法术修路,不 ...

  10. WIX

    1. Create msi File http://www.cnblogs.com/lienhua34/archive/2012/10/07/2714367.html 2. information a ...