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. UVA 10054 the necklace 欧拉回路

    有n个珠子,每颗珠子有左右两边两种颜色,颜色有1~50种,问你能不能把这些珠子按照相接的地方颜色相同串成一个环. 可以认为有50个点,用n条边它们相连,问你能不能找出包含所有边的欧拉回路 首先判断是否 ...

  2. vue.js 渲染完成回调

    vue.js渲染完成后,想触发一些事情,写在哪里呢? 答案是mounted 例子: new Vue({ el:'#demo', data:{ text:'Hello' }, mounted:funct ...

  3. Oracle 12c In Memory Option初探

    前情提要: Oracle OpenWorld 2013中Larry Ellison爆料的Oracle新特性:Oracle In Memory Database Option 1. 这个新特性将随着12 ...

  4. arm 2440 linux 应用程序 nes 红白机模拟器 第2篇 InfoNES

    InfoNES 支持 map ,声音,代码比较少,方便 移值. 在上个 LiteNES  的基础上,其实不到半小时就移值好了这个,但问题是,一直是黑屏.InfoNES_LoadFrame ()  Wo ...

  5. 阿里云CDN刷新预热接口

    阿里云OSS映射的文件地址需要即时访问到最新数据,需要即时调用CDN的刷新预热类接口 RefreshObjectCaches 刷新接口. 参考官方接口文档资料:https://help.aliyun. ...

  6. 富文本编辑器TInyMCE,本地图片上传（Image Upload）

    TinyMCE 官网 (类似:百度的富文本web编辑器UEditor) 第一步 下载 TinyMCE,解压后放入工程,在需要的HTML页面引入tinymce.min.js. 第二步 下载tinyMCE ...

  7. C语言-Hello, world

    你好, 世界   --1-- 语言的编写准备 1.1 C语言源文件的编译执行过程 1.2 常见文件的拓展名 1.3 常用的命令行指令 1.4 环境及运行方法 --2--编写代码 2.1练习 --3-- ...

  8. jmx配置

    # ----- Execute The Requested Command ----------------------------------------- # ----- JMX Config S ...

  9. [TCPIP] 传输控制协议 Note

    TCPIP  TCP 传输控制协议 TCP提供一种面向连接的,可靠的字节流服务. 面向连接意味着两个使用TCP的应用在传输数据之前先建立一个TCP连接,这个过程跟打电话相似.在一个TCP连接中仅有两方 ...

  10. 大数据 > 数据平台方案评估

    分类 当前措施 说明 百度竞价如何进行数据分析(SEM工程师)数据来源: 1. 百度后台推广数据:api 总展现 总点击 点击率 总消费 点击均价 BDP功能点 1. 串联百度->网站商务通-& ...