表单：提交验证，及blur事件验证
<!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(" ");
$.ajax({
type: "GET",
url: "/reg/username",
data: {
"username": _val
},
dataType: "jsonp",
success: function(data) {
if (data.status == 0) {
_console.removeClass("red").html(" ");
} 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(" ");
}
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(" ");
}
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事件验证的更多相关文章
- layui弹出表单提交后，界面model验证部分起作用
情况1----input属性中type=submit时验证都可以起作用,但是弹出层表单的返回值不能获取,所以用ajax二次提交后会出现重复添加数据的问题 情况2----input属性中type=but ...
- ASP.NET MVC/Core表单提交后台模型二级属性验证问题
起因 这个是网友在官网论坛的提问:https://fineui.com/bbs/forum.php?mod=viewthread&tid=22237 重新问题 本着务实求真的态度,我们先来复现 ...
- php表单提交时的身份证号码验证
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...
- jsp——js事件修改属性样式的两种方法（直接赋值、修改属性）、验证表单符合某要求、阻止表单提交、告诉浏览器不要缓存
代码 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncodi ...
- form的onsubmit事件--表单提交前的验证最佳实现方式
今天遇到了一个问题,页面中include了很多的公共页面(都是没有form的),并且里面好多的地方都是自行提交的(页面中加入一个type=“submit”域,然后js中写入sumbit.click来执 ...
- 原生JS 表单提交验证器
转载:http://www.cnblogs.com/sicd/p/4613628.html 一.前言 最近在开发一个新项目,需要做登陆等一系列的表单提交页面.在经过“缜密”的讨论后,我们决定 不用外部 ...
- 利用JS提交表单的几种方法和验证
第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 <script type="text/javascript"> function ...
- AngularJS 表单提交后显示验证信息与失焦后显示验证信息
虽然说AngularJS的实时表单验证非常有用,非常高效方便,但是当用户还没有完成输入时便弹出一个错误提示,这种体验是非常糟糕的. 正常的表单验证逻辑应该是在用户提交表单后或完成当前字段中的输入后,再 ...
- 在客户端先通过JS验证后再将表单提交到服务器
问题:想要在客户端先通过JS验证后再将表单提交到服务器 参考资料: jQuery 事件 - submit() 方法 试验过程: 服务器端使用PHP <html> <head> ...
随机推荐
- 20155301 2016-2017-2 《Java程序设计》第9周学习总结
20155301 2016-2017-2 <Java程序设计>第9周学习总结 教材学习内容总结 JDBC全名Java DataBase Connectivity,是联机数据库的标准规范.具 ...
- 水题 不要62 HDU 2089
先预处理出所有的数是不是可能拿来用,我的想法是记录1-i这个区间内可用的数为s[i]. 输入a,b.答案就为s[b] - s[a-1]. 贴代码: #include<cstdio> #de ...
- WPF优化体验<一>（转）
最近将一个开发和维护了五年的一个Winform项目进行重构,考虑到最近很流行将用户体验挂在嘴上,于是采用了WPF技术,希望能在外观和体验上有一个全新的效果. 以前使用Winform的时候内存控制得不错 ...
- dgraph 基本查询语法 二
这部分主要是mutation 操作,(就是增加.删除操作) 参考git 项目 https://github.com/rongfengliang/dgraph-docker-compose-deploy ...
- Jersey RESTful Web服务
Jersey是一个RESTFUL请求服务JAVA框架,与常规的JAVA编程使用的struts框架类似,它主要用于处理业务逻辑层.与Struts类似,它同样可以和hibernate,spring框架整合 ...
- Source Insight 4 中文乱码的解决办法(source insight 3.5 及以下版本就到其他地方看看吧)
干货:Source Insight 4 中文乱码的解决办法(source insight 3.5 及以下版本就到其他地方看看吧) [解决办法]: 菜单栏中[File]->[Reload As E ...
- FastAdmin 插件的 Git 开发流程（简明）
FastAdmin 插件的 Git 开发流程(简明) cms zip 安装 包安装 删除 addons 里的 cms 使用 mklink 软链接到 cms 插件 Git 仓库 修改 cms 插件 gi ...
- 寻找高边电流IC
因为项目需要,无法使用地的电流检测,需要使用高边的电流检测 IC. 搜索的关键字: 高边 电流 高侧 电流 目前找到以下几款: INA199A1,来自参考方案,属于宽电压输入的. INA180B4ID ...
- k最邻近算法——加权kNN
加权kNN 上篇文章中提到为每个点的距离增加一个权重,使得距离近的点可以得到更大的权重,在此描述如何加权. 反函数 该方法最简单的形式是返回距离的倒数,比如距离d,权重1/d.有时候,完全一样或非常接 ...
- greasemonkey修改网页url
// ==UserScript== // @name JSHE_ModifyFunction // @namespace jshe // @include http://localhost/* // ...