精华内容
下载资源
问答
  • JSP表单验证实例

    千次阅读 2014-11-29 14:35:47
    JSP表单验证实例

    1、表单填写页面

    <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
        pageEncoding="ISO-8859-1"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Form Table</title>
    </head>
    <body>
    
    <form action="TestServlet" method="post">
    <table border="2" cellspaceing="1" cellpadding="3" bgcolor="#F00000">
    	<th colspan="2" align="center">
    		Sumbmit Table
    	</th>
    	<tr>
    		<td>username</td>
    		<td><input type="text" name="username"></td>
    	</tr>
    	<tr>
    		<td>sex</td>
    		<td>
    			male<input type="radio" name="sex" value="male">
    			    
    			female<input type="radio" name="sex" value="female">
    			</td>
    	</tr>
    	<tr>
    		<td>address</td><td><input type="text" name="address"></td>
    	</tr>
    	<tr>
    		<td>likes</td>
    		<td>
    			sing<input type="checkbox" name="likes" value="sing">
    			dance<input type="checkbox" name="likes" value="dance">
    			game<input type="checkbox" name="likes" value="game">	
    		</td>
    	</tr>
    	<tr>
    		<td>
    		 
    		</td>
    		<td>
    			<input type="submit" value="Submit">
    			<input type="reset" value="Reset">
    		</td>
    	</tr>
    </table>
    </form>
    
    </body>
    </html>

    2、Servlet验证

    import java.io.IOException;
    import java.io.PrintWriter;
    
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    /**
     * Servlet implementation class TestServlet
     */
    @WebServlet(name="testservlet",urlPatterns={"/TestServlet"})
    public class TestServlet extends HttpServlet {
    	private static final long serialVersionUID = 1L;
           
        /**
         * @see HttpServlet#HttpServlet()
         */
        public TestServlet() {
            super();
            // TODO Auto-generated constructor stub
        }
    
    	/**
    	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
    	 */
    	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		// TODO Auto-generated method stub
    		doPost(request, response);
    	}
    
    	/**
    	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
    	 */
    	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		// TODO Auto-generated method stub
    		String name=request.getParameter("username");
    		String sex=request.getParameter("sex");
    		String add=request.getParameter("address");
    		String[] likes0=request.getParameterValues("likes");
    		String likes="";
    		for(int i=0;i<likes0.length;i++){
    			likes+=likes0[i]+" ";
    		}
    		request.setAttribute("name", name);
    		request.setAttribute("sex", sex);
    		request.setAttribute("address", add);
    		request.setAttribute("likes", likes);
    		request.getRequestDispatcher("result.jsp").forward(request,response);
    		
    		PrintWriter out=response.getWriter();
    		out.println(name);
    		out.println(sex);
    		out.println(add);
    		out.println(likes);
    	}
    
    }
    

    3、验证结果输出

    <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
        pageEncoding="ISO-8859-1"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>result</title>
    </head>
    <body>
    <table border="2" cellspaceing="1" cellpadding="3" bgcolor="#00FF00">
    	<th colspan="2" align="center">
    		Result Table
    	</th>
    	<tr>
    		<td>username</td>
    		<td><%=request.getAttribute("name") %></td>
    	</tr>
    	<tr>
    		<td>sex</td>
    		<td>
    			<%=request.getAttribute("sex") %>
    		</td>
    	</tr>
    	<tr>
    		<td>address</td>
    		<td><%=request.getAttribute("address") %></td>
    	</tr>
    	<tr>
    		<td>likes</td>
    		<td>
    			<%=request.getAttribute("likes") %>
    		</td>
    	</tr>
    </table>
    </body>
    </html>



    展开全文
  • jQuery Validate表单验证实例

    热门讨论 2016-05-26 07:52:31
    实例是用jQuery的validate插件做的登陆表单验证,效果还不错,代码部分可以参见我写的这篇博客:http://blog.csdn.net/eson_15/article/details/51497533
  • JavaScript - 表单验证实例

    千次阅读 2015-04-26 14:01:15
    表单验证1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ; charset=UTF-8"> 表单验证

    表单验证1

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>表单验证</title>
        <script type="text/javascript">
            //用户名非空,长度为6-14,只能包含数字、字母、下划线
            function checkUsername(){
                var username=document.getElementById("username").value;
                var usernameinfo=document.getElementById("usernameinfo");
                //alert(username.length);
                for(var i=0;i<username.length;i++){
                    var s=username.toLowerCase().substring(i,i+1);
                    if(!(s>=0&&s<=9)&&!(s>="a"&&s<="z")&&(s!="_")){
                        usernameinfo.innerHTML="用户名只能包含数字、字母、下划线!";
                        usernameinfo.style.color="#f00";
                    }else{
                        usernameinfo.innerHTML="";
                    }
                }
    
                if(username==""){
                    usernameinfo.innerHTML="用户名不能为空!";
                    usernameinfo.style.color="#f00";
                }else if(username.length<6||username.length>14){
                    usernameinfo.innerHTML="用户名长度在6-14之间!";
                    usernameinfo.style.color="#f00";
                }else{
                    usernameinfo.innerHTML="";
                }
            }
        </script>
    </head>
    <body>
        <form action="success.html" method="post">
            名字:<input type="text" id="username" onblur="checkUsername();"/><span id="usernameinfo"></span><br/>
            出生日期:
            <select id="year">
                <option value="0">--年--</option>
                <script type="text/javascript">
                    for(var i=1900;i<=new Date().getFullYear();i++){
                        document.write("<option value="+i+">"+i+"</option>");
                    }
                </script>       
                </select>&nbsp;
    
                <select id="month">
                <option value="0">--月--</option>
                <script type="text/javascript">
                    for(var i=1;i<=12;i++){
                        document.write("<option value="+i+">"+i+"</option>");
                    }
                </script>       
                </select>&nbsp;
    
                <select id="day">                   
                <option value="0">--日--</option>
                <script type="text/javascript">
                    for(var i=1;i<=31;i++){
                        document.write("<option value="+i+">"+i+"</option>");
                    }
                </script>       
                </select>
        </form>
            <br/>
            <input type="submit" value="注册" />
    </body>
    </html>

    表单验证2

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>表单验证</title>
    <script type="text/javascript">
        //校验输入
        function checkInput(){
            var flag=false;
            var username=$("username").value;
            var pwd=$("pwd").value;
            var repwd=$("repwd").value;
            var email=$("email").value;
    
            if(username==""){
                alert("用户名不能为空!");
            }else if(pwd==""){
                alert("密码不能为空!");
            }else if(pwd.length<6){
                alert("密码必须大于6位");
            }else if(pwd!=repwd){
                alert("密码不一致!");
            }else if(email.indexOf("@")==-1 ||email.indexOf(".")==-1){
                alert("邮箱格式不正确!");
            }else{
                flag=true;
            }
    
            //限定用户名不能包含数字
            for(var i=0;i<username.length;i++){
            var s=username.substring(i,i+1);
            if(!isNaN(s)){
            alert("用户名不能包含数字!")
                return false;
                }
            }
            return flag;
        }
            //获取焦点时清除原内容
            function clearUsername(){
                var username=$("username");
                username.style.border="1px solid #f00";
                if(username.value=="请输入正确的用户名"){
                username.value="";
                }
            }
            //失去焦点时检验用户名
            function  checkUsername(username){
                username.style.border="";
                if(username.value==""){
                    $("usernameinfo").style.font="normal 15px 宋体";
                    $("usernameinfo").style.color="#f00";
                    $("usernameinfo").innerHTML="用户名不能为空";
                    username.focus();
                }else if(username.value.length>14||username.value.length<6){
                    $("usernameinfo").style.font="normal 15px 宋体";
                    $("usernameinfo").style.color="#F00";
                    $("usernameinfo").innerHTML="用户名长度必须在6-14之间!";
                    //username.select();//此代码在IE和Chrome中好使,在Firefox中不好使
                    //匿名函数
                    setTimeout(function(){username.select();},0);               
                }else{
                    $("usernameinfo").innerHTML="";
                }
            }
    
            function $(id){
                return document.getElementById(id);
            }
    </script>
    </head>
    <body>
    <form action="success.html" method="post" onsubmit="return checkInput();">
            <table border="0" cellpadding="0" cellspacing="0" width="600px">
                <tr>
                    <td align="right">用户名:</td>
                    <td><input type="text" name="userbname" id="username" value="请输入正确的用户名" onfocus="clearUsername()" onblur="checkUsername(this)"/><span id="usernameinfo"></span></td>
                </tr>
                <tr>
                    <td align="right">密码:</td>
                    <td><input type="password" name="pwd" id="pwd"/></td>
                </tr>
                <tr>
                    <td align="right">确认密码:</td>
                    <td><input type="password" name="repwd" id="repwd"/></td>
                </tr>
                <tr>
                    <td align="right">电子邮箱:</td>
                    <td><input type="text" name="email" id="email"/><br/></td>
                </tr>
                <tr>
                <td></td>
             <td>&nbsp;&nbsp;<input type="submit" value="注册"/>&nbsp;&nbsp;<input type="reset" value="重置"/></td>     
               </tr>
            </table>
    </form>
    
    </body>
    </html>
    展开全文
  • *******JavaScript使用正则表达式进行邮箱表单验证实例************ 1.在JavaScript中也可以使用正则表达式对表单输入的数据进行验证格式如下 /正则表达式/.test(验证内容) 扩展:JavaScript中正则表达式对象...
    *******JavaScript使用正则表达式进行邮箱表单验证实例************
    1.在JavaScript中也可以使用正则表达式对表单输入的数据进行验证格式如下
    /正则表达式/.test(验证内容)

    扩展:JavaScript中正则表达式对象(RegExp)存在3个方法
            *(1)test()
                test() 方法检索字符串中的指定值。返回值是 true 或 false。
            *(2)exec()
                exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配,则返回 null。
            *(3)compile()
                compile() 方法用于改变 RegExp。
                compile() 既可以改变检索模式,也可以添加或删除第二个参数。
                
                详情请参照w3school 网址<a href="http://www.w3school.com.cn/js/js_obj_regexp.asp">JavaScript RegExp 对象</a>


    2.Onsubmit 事件是一个在表单上编写的事件操作,只要是表单提交都要触发此事件

    实例:
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>email 验证</title>
            <script language="javascript">
                function valuedate(f){
                    var value = f.mytext.value;
                    if(!/^\w+@\w+.\w+$/.test(value)){
                        alert("邮箱格式不正确!请重新输入");
                        f.mytext.focus();
                        f.mytext.select();
                        return false;
                    }else{
                    return true;
                    }
                }
            </script>
        </head>
        
        <body>
            <form action="test.html" method ="post" name ="myform" οnsubmit="return valuedate(this)">
                email:<input type ="text" name ="mytext"/><br/>
                <input type = "submit"/ value="提交">
            </form>
        </body>

    </html>
    展开全文
  • anjular.js表单验证实例

    千次阅读 2016-06-20 16:11:04
    应用声明,控制器(logForm.$valid)" ng-app="myApp" ng-controller="validateCtrl" novalidate> 表单的数据绑定 <input name="name" id="vNa

    应用声明,控制器

    <form action="" method="post" id="myForm" name="logForm" ng-submit="submitForm(logForm.$valid)" ng-app="myApp" ng-controller="validateCtrl" novalidate>
    </form>

    表单的数据绑定

     <input name="name" id="vName" class="weui_input" type="text" placeholder="您要举报的应用完整名称" ng-model="formData.name" required>

    单选数据绑定

     <input type="radio" class="weui_check" name="bad_type" value="2" ng-model="formData.bad_type" required>

    复选框数据绑定

    <label>Favorite Colors</label>
    
    <div class="form-group">
    
        <label class="checkbox-inline">
    
            <input type="checkbox" name="favoriteColors" ng-model="formData.favoriteColors.red"> Red
    
        </label>
    
        <label class="checkbox-inline">
    
            <input type="checkbox" name="favoriteColors" ng-model="formData.favoriteColors.blue"> Blue
    
        </label>
    
        <label class="checkbox-inline">
    
            <input type="checkbox" name="favoriteColors" ng-model="formData.favoriteColors.green"> Green
    
        </label>
    
    </div>

    打印数据
    formData(在表单内打印有效)

    表单验证

                <input type="button" id="cheForm" class="weui_btn weui_btn_primary" value="举报" ng-show="logForm.$valid"/>

    声明表单

    //anjularjs表单
    var app = angular.module('myApp',[]);
    app.controller('validateCtrl', function($scope){
        //声明formData
        $scope.formData={};
    });

    默认隐藏属性显示问题解:
    html元素中:

    ng-style="style" style="display:none;"

    js文件:

    //anjularjs表单
    var app = angular.module('myApp',[]);
    app.controller('validateCtrl', function($scope){
        $scope.formData={};
        $scope.style="{display:none}";
        $(".weui_btn_primary").show();
    });

    基本上anjular.js表单验证的实例都可以用这个做了,至于其他的可以去看下anjular.js的教程,最后再给大家推荐一个源码网站,名字叫原创源码库,不错的源码发布站点,希望大家喜欢。

    展开全文
  • AngularJs表单验证实例1

    千次阅读 2016-05-24 11:18:29
    二、为表单验证状态添加自定义样式: /*交互且必填样式*/ form.validate .ng-invalid-required.ng-dirty { background-color: orange; } /*交互不合法样式*/ form .ng-invalid.ng-dirty { background-color: ...
  • HTML5的表单验证实例

    千次阅读 2015-05-17 23:52:33
    HTML5新增加的表单验证可以大大减少你对JavaScript代码的依赖,并且进行丰富的客户端校验,下面提供两个例子。 1.HTML5客户端校验:checkValidity方法 checkValidity方法可以用于检验你的输入是否合法,合法时...
  • js正则做表单验证实例

    千次阅读 2016-04-27 14:45:11
    <!DOCTYPE HTML> <title>please enter your title 潭州学院-阿飞老师"> <style type='text/css'>
  • php完整表单验证实例

    千次阅读 2015-10-01 11:42:05
    <h2>php表单验证实例 <p><span class="error"> * 必须输入的</span></p> ($_SERVER["PHP_SELF"]);?>"> Name: $name;?>"> * $nameErr;?> <br> E-mail: $email;?>"> * $emailErr;?> <br> Website: $...
  • <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <style> *{ font-family: 微软雅黑; } .error{ ... font-.
  • JqueryMobile表单验证实例

    千次阅读 2013-12-12 14:25:02
    // 字符验证 jQuery.validator.addMethod("userName", function(value, element) { return this.optional(element) || /^[\u0391-\uFFE5\w]+$/.test(value); }, "用户名只能包括中文字、英文字母、数字和...
  • extjs 表单验证实例

    万次阅读 2009-05-03 00:12:00
    //放在onReady的function... //为组件提供提示信息功能,form的主要提示信息就是客户端验证的错误信息。Ext.form.Field.prototype.msgTarget=side; //提示的方式,枚举值为qtip-当鼠标移动到控件上面时显示提示title-
  • jquery表单验证实例【经典】

    千次阅读 2011-11-28 17:18:16
    //提交,最终验证。 $('#send').click(function(){ $("form :input.required").trigger('blur'); var numError = $('form .onError').length; if(numError){ return false; } alert("注册成功,密码已发到你...
  • JQuery中一个简单的表单验证实例

    千次阅读 2014-06-06 09:44:48
    Jquery表单验证实例
  • Validform实时表单验证插件实例使用

    千次阅读 2016-10-17 15:05:43
    适用范围:所有类型网站表单验证 插件版本:v5.3.2 插件地址:http://validform.rjboy.cn/Validform/v5.3.2/Validform_v5.3.2_min.js jquery地址:http://download.csdn.net/detail/bennygreat/3861587 html...
  • JS正则表单邮箱验证实例

    千次阅读 2013-02-27 20:19:59
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 无标题文档 function f3() {  var reg= /^\w+@\w+\.(com|cn|gov)$/... var str=document.getElementById("em
  • JS正则表单QQ验证实例

    千次阅读 2013-02-27 20:17:16
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> function f1() ... var reg= /(^13[0-9]{9})|(^15[0-9]{9})$/;... var str= document.getElementById("phone")
  • PHP 表单PHP 超全局变量 $_GET 和 $_POST 用于收集表单数据(form-data)。GET vs. POSTGET 和 POST 都...此数组包含键/值对,其中的键是表单控件的名称,而值是来自用户的输入数据。 GET 和 POST 被视作 GET和_GET
  • yii表单验证用法 实例

    千次阅读 2012-11-01 15:32:04
    Yii CModel.rules() 方法 、validate预定义完整列表、以及说说验证public array rules () { .......} array 要调用 validate() 时应用的有效性规则。返回属性的有效性规则。 声明验证规则,应重写此方法。 每个...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 76,527
精华内容 30,610
关键字:

表单验证实例