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. 【实践】js 如何实现动态添加文本节点

    对于我这个js 小白来说 今天鼓起勇气做起了邮箱认证这个特效 但是这次不是想说如何实现这这个特效而是想记录一下特效当中的某个部分 那就是向元素节点动态添加文本节点 百度了一下动态添加文本节点的方式 是 ...

  2. 写个shell脚本

    以前更新网站程序都是手动噼里啪啦敲代码,即麻烦又慢,还神经紧张.终于忍不住写个shell脚本.   cd /usr/local/tomcat7/apache-tomcat-9.0.0.M4/ bin/ ...

  3. XML Schema choice 元素

    XSD : <xsd:schema xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:sch="http://w ...

  4. s3c2440 上txt 小说阅读器

    文件结构 Makefile: CROSSCOMPILE := arm-linux- CFLAGS := -Wall -O2 -c LDFLAGS := -lm -lfreetype CC := $(C ...

  5. CentOS 6.5 安装HDFS集群(Hadoop-2.7.3)

    安装真实集群,而不是但节点或者伪分布式,以3个节点为例,node1为NameNode和SecondNameNode,node2和node3为DataNode. 1.3台机器的配置必须要一模一样,只需要 ...

  6. CentOS 7 配置静态 ip

    1. 需求场景: 在 CentOS7 上部署了一个 svn ,由于centOS7 默认是 dhcp 的,所以每过一段时间 ip 就会有变化,而 svn 要求 ip 是不能变的,不然没法同步. 网上找了 ...

  7. Thinkphp回顾(五)之前台模板中的基本语法

    一.导入CSS和JS文件 的三种方式  (了解) 1.link方式(常规) <link rel=’stylesheet’ type=’text/css’ href=’__PUBLIC__/Js/ ...

  8. 在mac电脑上创建java的一些简单操作

    首先你要在电脑上下载一个JDK创造出一个java环境 如下第二个: 然后步奏如下: step1:苹果->系统偏好设置->最下边点MySQL 在弹出页面中 关闭mysql服务(点击stop ...

  9. H5标签--“data自定义数据”

    HTML代码部分: <div id="div1" data-zg="中国人" data-zgr="我们是祖国的儿女,我爱祖国"> ...

  10. 关于sql 的列转行

    select * from TbaleOne unpivot(qty ])) as up go select * from TableTwo unpivot(grate for subject in ...