<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script type="text/javascript">

$(function(){

    function checkinput_form1(_this){

            alert(_this+"  ------ " );

            var _parent=$("#form1");

            //var $this=$(this);

            var $this=_this;

            var _name=$this.attr("name");

            var _val=$.trim($this.val());

            var _console=$("#regError",_parent);

            switch(_name){

                case "username":

                    if (_val == "") {

                        _console.addClass('red').text("请输入用户名");return false;

                    } else if (!isName.test(_val)) {

                        _console.addClass('red').text("用户名只能是手机或邮箱");return false;

                    } else {

                        _console.removeClass('red').html("&nbsp;");

                        $.ajax({

                            type: "GET",

                            url: "/reg/username",

                            data: {

                                "username": _val

                            },

                            dataType: "jsonp",

                            success: function(data) {

                                if (data.status == 0) {

                                    _console.removeClass("red").html("&nbsp;");

                                } else {

                                    _console.addClass("red").text(data.message);

                                    return false;

                                }

                            }

                        });

                    }

                break;

                case "password":

                    if (_val == "") {

                        _console.addClass('red').text("请输入密码");return false;

                    } else if (_val.indexOf(' ') != -1) {

                        _console.addClass('red').text("密码中不能含有空格");return false;

                    } else if (_val.length < 6 || _val.length > 20) {

                        _console.addClass('red').text("密码长度为6-20位");return false;

                    } else {

                        _console.removeClass('red').html("&nbsp;");

                    }

                break;

                case "repeatPassword":

                    if (_val == "") {

                        _console.addClass('red').text("请重复密码");return false;

                    } else if (_val != _parent.find("input[name=password]").val()) {

                       _console.addClass('red').text("密码不一致");return false;

                    } else {

                        _console.removeClass('red').html("&nbsp;");

                    }

                break;

            }

            return true;

    }

    //遍历表单文本框

    $("#form1 input[name]").each(function(){

        $(this).bind(  "blur",   function(){checkinput_form1($(this))   });//注意blur事件写法!

            function checkinput_form1(_this) {

        }

    })

    //表单提交

    $("#form1").submit(function(){

        var $this=$(this);

        $("input[name]",this).not("[type=hidden]").each(function(){

            var _flag=checkinput_form1( $(this) );//表单验证

            if(_flag==false) return false;

        });

    }) 

});

</script>

</head>

<body>

<form id="main-reg-form" method="post" action="">

<input type=text name="username"><br>

<input type=text name="password"><br>

<input type=text name="password2"><br>

<input type="submit" value="提交">

</form>

</body>

</html>

表单：提交验证，及blur事件验证的更多相关文章

  1. layui弹出表单提交后，界面model验证部分起作用

    情况1----input属性中type=submit时验证都可以起作用,但是弹出层表单的返回值不能获取,所以用ajax二次提交后会出现重复添加数据的问题 情况2----input属性中type=but ...

  2. ASP.NET MVC/Core表单提交后台模型二级属性验证问题

    起因 这个是网友在官网论坛的提问:https://fineui.com/bbs/forum.php?mod=viewthread&tid=22237 重新问题 本着务实求真的态度,我们先来复现 ...

  3. php表单提交时的身份证号码验证

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  4. jsp——js事件修改属性样式的两种方法（直接赋值、修改属性）、验证表单符合某要求、阻止表单提交、告诉浏览器不要缓存

    代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncodi ...

  5. form的onsubmit事件--表单提交前的验证最佳实现方式

    今天遇到了一个问题,页面中include了很多的公共页面(都是没有form的),并且里面好多的地方都是自行提交的(页面中加入一个type=“submit”域,然后js中写入sumbit.click来执 ...

  6. 原生JS 表单提交验证器

    转载:http://www.cnblogs.com/sicd/p/4613628.html 一.前言 最近在开发一个新项目,需要做登陆等一系列的表单提交页面.在经过“缜密”的讨论后,我们决定 不用外部 ...

  7. 利用JS提交表单的几种方法和验证

    第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 <script type="text/javascript"> function ...

  8. AngularJS 表单提交后显示验证信息与失焦后显示验证信息

    虽然说AngularJS的实时表单验证非常有用,非常高效方便,但是当用户还没有完成输入时便弹出一个错误提示,这种体验是非常糟糕的. 正常的表单验证逻辑应该是在用户提交表单后或完成当前字段中的输入后,再 ...

  9. 在客户端先通过JS验证后再将表单提交到服务器

    问题:想要在客户端先通过JS验证后再将表单提交到服务器 参考资料: jQuery 事件 - submit() 方法 试验过程: 服务器端使用PHP <html> <head> ...

随机推荐

  1. HUD 1969：Pie（二分）

    Pie Time Limit: 5000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) Total Submis ...

  2. （6）time&datetime(时间模块)

    什么是时间模块 就是处理时间相关的功能 如用户注册的时间.统计程序运行的时间等 time 模块  计算机中有三种时间 1.时间戳 从1970年到今天,这个时间段中间经历的秒数 获取时间戳:time.t ...

  3. 【codeforces div3】【E. Cyclic Components】

    E. Cyclic Components time limit per test 2 seconds memory limit per test 256 megabytes input standar ...

  4. 利用python 下paramiko模块无密码登录

    利用python 下paramiko模块无密码登录   上次我个大家介绍了利用paramiko这个模块,可以模拟ssh登陆远程服务器,并且可以返回执行的命令结果,这次给大家介绍下如何利用已经建立的密钥 ...

  5. QT内使用OpenCV

    在QT内使用Opencv,调试了好久总是出问题. 開始在pro文件内进行了opencv的配置,然后就是不能识别#include包括文件,后来不知道什么原因.奇妙地 能够识别包括了. 但是,新的问题出现 ...

  6. EXCEL函数LookUp, VLOOKUP,HLOOKUP应用详解（含中文参数解释）

    关于VLOOKUP函数的用法 “Lookup”的汉语意思是“查找”,在Excel中与“Lookup”相关的函数有三个:VLOOKUP.HLOOKUO和LOOKUP.下面介绍VLOOKUP函数的用法. ...

  7. H.264帧结构详解

    6.1.2.源码简单浏览 6.1.3.重点1:h.264帧结构6.1.4.重点2:帧结构分析软件的使用6.1.5.重点3:rtsp网络编程6.1.6.重点4:wireshark网络抓包工具的使用 6. ...

  8. weexpack 使用

    weexpack 的github地址:https://github.com/weexteam/weex-pack weex-toolkit: 初始化的项目是针对开发单个 Weex 页面而设计的,也就是 ...

  9. 关于 BigDecimal 的小数位的入舍去操作

    BigDecimal  保留小数 的 入舍操作, 6 中 策略 : RoundingMode 里面的 枚举 和      BigDecimal  的  常量 是等价的  UP(BigDecimal.R ...

  10. centos7 取消自动锁屏

    CentOS7默认短时间会锁屏,这带来了一定的麻烦,比如看电影时,你不得不时不时的动动鼠标,才能防止锁屏.在网上查了一些资料,也没有找到相关的解决办法,不过最终还是找到了. 1.打开 applicat ...