//唯一性验证
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实现唯一性验证、正则的更多相关文章

  1. validate+jquery+ajax表单验证

    1.案例 1.1 Html form表单内容 <form class="cForm" id="cForm" method="post" ...

  2. php+jquery+ajax实现用户名验证

    大多数情况下,jquery代码的编写,都要求我们将jquery的代码放在以下三种中任一个function里. 有三种写法,同样效果,有点像Window.onload,但也有不同,就是window.on ...

  3. jquery php ajax 表单验证

    本实例用到 JQuery 类库本身的函数和功能,所有表单信息利用 PHPMailer 类库邮件的形式发送.   .创建一个表单 html 页面   表单部分 html 代码   以下为引用内容: &l ...

  4. Jquery Validator 增加自定义验证方法

    $(document).ready(function () { jQuery.validator.addMethod("namerepeate", function(value, ...

  5. 使用 jQuery Ajax 异步登录，并验证用户输入信息（maven）

    使用 jQuery Ajax 异步登录,并验证用户输入信息(maven) 本篇内容: (1)上一篇是使用同步的请求实现登录,并由 Servlet 决定登陆后下一步做哪些事情,本篇使用 jQuery A ...

  6. thinkphp+jquery+ajax前后端交互注册验证

    thinkphp+jquery+ajax前后端交互注册验证,界面如下 register.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. ...

  7. UI5-技术篇-jQuery.ajax执行过程中Token验证及JSON格式传值问题

    最近两天在测试OData服务类方法CREATE_DEEP_ENTITY及GET_EXPANDED_ENTITYSET,刚开始采用ODataModel方式调用没有任何问题,但是ODataModel采用的 ...

  8. JQuery ajax提交表单及表单验证

    JQuery ajax提交表单及表单验证 博客分类: jsp/html/javascript/ajax/development Kit 开源项目   注:经过验证,formValidator只适合一个 ...

  9. jquery validation remote进行唯一性验证时只使用自定义参数，不使用默认参数

    在使用validation进行唯一性验证时,想各个模块写一个统一的方法,相统一参数名称,但是remote方法会默认把对应的参数传过去 如: 会把role.roleName默认作为变量提交过去 所以想自 ...

随机推荐

  1. [UE4]C++实现动态加载的问题：LoadClass<T>()和LoadObject<T>() 及 静态加载问题：ConstructorHelpers::FClassFinder()和FObjectFinder()

    转自:http://aigo.iteye.com/blog/2281558 动态加载UObject和动态加载UClass分别用LoadObject<T>(),和LoadClass<T ...

  2. python容器数据类型的特色

    python容器数据类型的特色 list:           可变数据类型(不可哈希), 有序, 可索引获取, 可修改 Dict:         可变数据类型(不可哈希), 3.6版本有序, 可通 ...

  3. 使用UtraISO为U盘制作系统启动盘

    安装最新的Ubuntu18.04操作系统: 1.在utraiso软件中打开系统的iso文件: 2.插入U盘: 3.点击[启动]选项卡,选择[写入硬盘映像]: 4.最关键的一步: 刻录校验:打上对勾: ...

  4. Linux Kafka源码环境搭建

    本文主要讲述的是如何搭建Kafka的源码环境,主要针对的Linux操作系统下IntelliJ IDEA编译器,其余操作系统或者IDE可以类推. 1.安装和配置JDK确认JDK版本至少为1.7,最好是1 ...

  5. go 数据类型type尝试

    package main import "fmt" import "encoding/json" type Human struct{ Name string ...

  6. bootstrap4学习—Bootstrap v4.0.0-alpha.6的快速参考

    下面为Bootstrap v4.0.0-alpha.6中的代码快速检索地址: 网址:https://hackerthemes.com/bootstrap-cheatsheet/ 在使用bootstra ...

  7. Java 8- Java 分支结构 - if…else/switch

    Java 分支结构 - if...else/switch 顺序结构只能顺序执行,不能进行判断和选择,因此需要分支结构. Java有两种分支结构: if语句 switch语句 if语句 一个if语句包含 ...

  8. failed to open stream: Permission denied in警告错误

    问题是文件所在目录的权限问题导致的.只需要将警告文件所在的目录权限更改为777(至少是006)即可 例如 (...a.log)failed to open stream: Permission den ...

  9. js 截取指定字符长度 为数组

    str要截取的字符 n截取个数 function jiequ(str,n) {            var strArr = [];            for (var i = 0, l = s ...

  10. SAP生产机该不该开放Debuger权限(转)

    前段时间公司定制系统在调用SAP RFC接口的时候报错了,看错误消息一时半会儿也不知道是哪里参数数据错误,就想着进到SAP系统里面对这个接口做远程Debuger,跟踪一下参数变量的变化,结果发现根本就 ...