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. select in 在postgresql的效率问题

    在知乎上看到这样一个问题: MySQL 查询 select * from table where id in (几百或几千个 id) 如何提高效率?修改 电商网站,一个商品属性表,几十万条记录,80M ...

  2. margin padding

    margin and padding有时候可以实现相同的效果但是 用padding的场合更多 2者的区别和用法的细节我还是没掌握好

  3. 【实践】用js 实现 jq 的removeClass 方法

    HTML 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U ...

  4. 一周试用yii开发一个带各种该有功能的web程序（三）

    接上篇,为什么index 模版里没有任何有关require,inculde类型关键字,却任然有我们认为“多余”的字符出现.因为在至少我的认知里html的结构该是<html><head ...

  5. GPIO口及中断API函数【转】

    本文转载自:http://blog.sina.com.cn/s/blog_a6559d9201015vx9.htmlG #include <linux/gpio.h> // 标准 GPIO ...

  6. ThreadLocal是什么?保证线程安全

    早在JDK 1.2的版本中就提供Java.lang.ThreadLocal,ThreadLocal为解决多线程程序的并发问题提供了一种新的思路.使用这个工具类可以很简洁地编写出优美的多线程程序. 当使 ...

  7. 解决项目中.a文件的冲突

    .a文件是静态文件,有多个.o文件组合而成的,在ios项目开发中,当引用第三方库的时候,时不时的会碰到诸如库冲突.库包含了某些禁用的API等问题,而这些库往往都被打包成了静态库文件(即 .a文件)来使 ...

  8. AngularJS使用指南

    ng-app 定义一个AngularJS应用程序 ng-model 把元素值绑定到AngularJS应用程序 ng-blind 把AngularJS应用程序数据绑定到HTML视图上 ng-init 初 ...

  9. React Native for Android 学习笔记

    C:\Users\Vic Lee\AwesomeProject>react-native run-android Starting JS server... Running D:\Android ...

  10. 【Splay】bzoj3223-Tyvj1729文艺平衡树

    一.题目 Description 您需要写一种数据结构(可参考题目标题),来维护一个有序数列,其中需要提供以下操作:翻转一个区间,例如原有序序列是5 4 3 2 1,翻转区间是[2,4]的话,结果是5 ...