JQuery+Ajax实现唯一性验证、正则
//唯一性验证
public function Only(){
//实例化模型层
$model = new User();
$res = $model->Only();
echo $res;
}
tp5模型层
public function Only(){
//接收传值
$uname = Request::instance()->param('username');
return $this->where("uname='$uname'")->count();
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="" method="post" onsubmit="return fun();">
<table>
<tr>
<td>账号</td>
<td>
<input type="text" name="username" id="username" placeholder="A-Z开头,由字母数字下划线组成,最少6位" size="35px;" onblur="fun1();">
<span id="s1"></span>
</td>
</tr>
<tr>
<td>密码</td>
<td>
<input type="password" name="pwd" id="pwd" placeholder="数字开头,由数字、字母组成,最少6位" size="35px;" onblur="fun2();">
<span id="s2"></span>
</td>
</tr>
<tr>
<td>确认密码</td>
<td>
<input type="password" name="rpwd" id="rpwd" placeholder="保证密码一致" onblur="fun3();">
<span id="s3"></span>
</td>
</tr>
<tr>
<td>性别</td>
<td>
<input type="radio" name="sex" value="1">男
<input type="radio" name="sex" value="2">女
<span id="s4"></span>
</td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="注册"></td>
</tr>
</table>
</form>
<script src="__STATIC__/js/jquery.js"></script>
<script>
//定义全局变量
var flag = false;
function fun(){
if(fun1() && fun2() && fun3() && fun4()){
return true;
}else{
return false;
}
}
function fun1(){
var username = $("#username").val();
var reg = /^[A-Z]\w{5,}$/;
if(username==''){
$("#s1").html("<font color='red'>账号不能为空</font>");
return false;
}else{
if(reg.test(username)){
// $("#s1").html("<font color='green'>✔</font>");
// return true;
$.get("{:url('One/Only')}?username="+username,function(data){
if(data>0){
$("#s1").html("<font color='red'>账号已经存在</font>");
flag = false;
}else{
$("#s1").html("<font color='green'>✔</font>");
flag = true;
}
})
return flag;
}else{
$("#s1").html("<font color='blue'>A-Z开头,由字母数字下划线组成,最少6位</font>");
return false;
}
}
}
// function fun5(){
// var username = $("#username").val();
// var flag = true;
// $.get("{:url('One/Only')}?username="+username,function(data){
// if(data>0){
// $("#s1").html("<font color='red'>账号已经存在</font>");
// flag = false;
// }else{
// $("#s1").html("<font color='green'>✔</font>");
// flag = true;
// }
// })
// return flag;
// }
function fun2(){
var pwd = $("#pwd").val();
var reg = /^\d[A-Z0-9]{5,}$/i;
if(pwd == ''){
$("#s2").html("<font color='red'>密码不能为空</font>");
return false;
}else{
if(reg.test(pwd)){
$("#s2").html("<font color='green'>✔</font>");
return true;
}else{
$("#s2").html("<font color='blue'>数字开头,由数字、字母组成,最少6位</font>");
return false;
}
}
}
function fun3(){
var pwd = $("#pwd").val();
var rpwd = $("#rpwd").val();
if(pwd==rpwd){
$("#s3").html("<font color='green'>✔</font>");
return true;
}else{
$("#s3").html("<font color='red'>密码不一致</font>");
return false;
}
}
function fun4(){
var sex = document.getElementsByName('sex');
if(sex[0].checked==true || sex[1].checked==true){
$("#s4").html("<font color='green'>✔</font>");
return true;
}else{
$("#s4").html("<font color='blue'>最少选择一项</font>");
return false;
}
}
</script>
</body>
</html>
JQuery+Ajax实现唯一性验证、正则的更多相关文章
- validate+jquery+ajax表单验证
1.案例 1.1 Html form表单内容 <form class="cForm" id="cForm" method="post" ...
- php+jquery+ajax实现用户名验证
大多数情况下,jquery代码的编写,都要求我们将jquery的代码放在以下三种中任一个function里. 有三种写法,同样效果,有点像Window.onload,但也有不同,就是window.on ...
- jquery php ajax 表单验证
本实例用到 JQuery 类库本身的函数和功能,所有表单信息利用 PHPMailer 类库邮件的形式发送. .创建一个表单 html 页面 表单部分 html 代码 以下为引用内容: &l ...
- Jquery Validator 增加自定义验证方法
$(document).ready(function () { jQuery.validator.addMethod("namerepeate", function(value, ...
- 使用 jQuery Ajax 异步登录,并验证用户输入信息(maven)
使用 jQuery Ajax 异步登录,并验证用户输入信息(maven) 本篇内容: (1)上一篇是使用同步的请求实现登录,并由 Servlet 决定登陆后下一步做哪些事情,本篇使用 jQuery A ...
- thinkphp+jquery+ajax前后端交互注册验证
thinkphp+jquery+ajax前后端交互注册验证,界面如下 register.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. ...
- UI5-技术篇-jQuery.ajax执行过程中Token验证及JSON格式传值问题
最近两天在测试OData服务类方法CREATE_DEEP_ENTITY及GET_EXPANDED_ENTITYSET,刚开始采用ODataModel方式调用没有任何问题,但是ODataModel采用的 ...
- JQuery ajax提交表单及表单验证
JQuery ajax提交表单及表单验证 博客分类: jsp/html/javascript/ajax/development Kit 开源项目 注:经过验证,formValidator只适合一个 ...
- jquery validation remote进行唯一性验证时只使用自定义参数,不使用默认参数
在使用validation进行唯一性验证时,想各个模块写一个统一的方法,相统一参数名称,但是remote方法会默认把对应的参数传过去 如: 会把role.roleName默认作为变量提交过去 所以想自 ...
随机推荐
- MongoDB集群搭建之主从模式
单机搭建 #创建docker持久化数据目录 [root@docker ~]# mkdir -p /root/application/program/mongodb/data/master-slaveM ...
- netbeans运行项目时,弹出“cannot be run from folder that contains non-ASCII characters in path”的对话框 解决方法
netbeans运行项目时,弹出“cannot be run from folder that contains non-ASCII characters in path”的对话框,原因是项目路径中有 ...
- list函数
列表的切片: 获取: 1. [start:] 2. [:end] 3. [statr:end] 4. [statr: end: spet] 修改: listvar[:2] = ' 把0~1索引元素删除 ...
- [TFS]TFS强制删除离职人员签出锁定项的方法
步骤: 1.连接到TFS数据库服务器的tfsversioncontrol库: 2.查tbl_workspace表,找出那哥们的工作目录, 如select * from tbl_workspace wh ...
- (转)C# WebApi 接口返回值不困惑:返回值类型详解
原文地址:http://www.cnblogs.com/landeanfen/p/5501487.html 正文 前言:已经有一个月没写点什么了,感觉心里空落落的.今天再来篇干货,想要学习Webapi ...
- (转).Net高级进阶,在复杂的业务逻辑下,如何以最简练的代码,最直观的编写事务代码?
原文地址:http://www.cnblogs.com/1996V/p/7798111.html 示例一和示例二,主要是来讲解 TransactionScope 是什么,为什么要用Transactio ...
- Heartbeat+DRBD+MFS高可用
Heartbeat+DRBD+MFS高可用. 前言:MFS系统简介 组件名称及作用 管理服务器(Managing Server) 简称Master Server 这个组件的角色是管理整个mfs文件 ...
- flask连接数据库mysql+SQLAlchemy
使用flask框架链接2种数据库 ----------db.py # -*- coding: utf-8 -*- # Flask hello world from flask import Flask ...
- HTML中的GroupBox
<fieldset> <legend>用户登录</legend> <div class="box_a"> <label for ...
- GNU tar
2.tar教程 2.4.常用选项 2.5.两个选项 2.6.创建档案文档 2.7.查看档案文档内容 4.tar操作 4.1.基本操作 4.2.高级操作 4.3.“-c”的选项 链接到压缩命令 2.ta ...