JQuery+Ajax实现唯一性验证、正则

最新推荐文章于 2023-09-04 19:54:37 发布
最新推荐文章于 2023-09-04 19:54:37 发布
阅读量239 收藏 1
点赞数
原文链接：http://www.cnblogs.com/DXYHW/p/10551020.html
版权

//唯一性验证
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" οnsubmit="return fun();">
<table>
<tr>
<td>账号</td>
<td>
<input type="text" name="username" id="username" placeholder="A-Z开头，由字母数字下划线组成，最少6位" size="35px;" οnblur="fun1();">
<span id="s1"></span>
</td>
</tr>
<tr>
<td>密码</td>
<td>
<input type="password" name="pwd" id="pwd" placeholder="数字开头，由数字、字母组成，最少6位" size="35px;" οnblur="fun2();">
<span id="s2"></span>
</td>
</tr>
<tr>
<td>确认密码</td>
<td>
<input type="password" name="rpwd" id="rpwd" placeholder="保证密码一致" οnblur="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>

转载于:https://www.cnblogs.com/DXYHW/p/10551020.html

weixin_30897079
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
简单的jquery用户名唯一性验证
03-14
jquery用户名唯一性验证 很简单的 只是个简单简单的jquery用户名唯一性验证
jQuery唯一性验证
JAVA
10-13 315
$(document).ready(function(){ $("#submitBoutton").bind("click",function(){ $("#form").attr("action","Users_addUsers.action").attr("method","post").submit(); }) $("#us
jquery_ajax实现登陆用户名验证唯一性
weixin_38255444的博客
09-18 969
后端Servlet代码 package com.ityouxin.web; import com.fasterxml.jackson.databind.ObjectMapper; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.htt...
js邮箱正则表达式_案例:验证注册邮箱唯一性
weixin_39955418的博客
12-03 106
注册时，输入邮箱，当焦点离开文本框，向服务器询问此邮箱是否注册过，根据服务器响应的值来决定页面显示什么样的提示。服务器端会把提示信息给到客户端。<!DOCTYPE html> app.jsconst ...
使用 jQuery 验证密码一致性，正则表达式验证邮箱及手机号的方法
HeatDeath的博客
10-20 3183
jQuery 脚本<script type="text/javascript"> function check_password() { if ($("#password").val() != $("#checkPWD").val()){ alert("请保证两次输入密码的一致性！"); }
Asp.net下利用Jquery Ajax实现用户注册检测（验证用户名是否存）
10-28
2. **jQuery FormValidator 插件**：用于前端验证，提供多种验证规则，如必填、长度限制、正则表达式匹配等。 3. **jQuery AJAX**：异步发送HTTP请求，与服务器进行数据交换，实现无刷新页面更新。 4. **ASP.NET Web...
jQuery实用的注册表单验证代码.zip
07-11
本资源“jQuery实用的注册表单验证代码”提供了一种使用jQuery库进行表单验证的方法，特别适合初学者和开发者快速实现这一功能。 jQuery是一个轻量级的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作以及...
三款jQuery表单验证申请代码
04-07
同时，这些示例也可能启发你设计更复杂的验证逻辑，比如异步验证，如通过Ajax向服务器发送请求，验证用户输入的唯一性和合法性。 在实际项目中，为了代码的可维护性和复用性，开发者通常会将表单验证逻辑封装到独立...
jquery注册验证实例会员注册表单验证代码
11-11
4. **唯一性验证**：检查输入数据是否在数据库中已存在，这通常需要发送Ajax请求到服务器进行查询。 ```javascript $.ajax({ url: "check_username.php", type: "POST", data: { username: $("#username").val()...
JQuery实现表单验证
11-04
表单验证通常包括以下几种类型：非空验证、长度验证、格式验证（如邮箱、电话号码）、唯一性验证等。在"JQuery实现表单验证"的案例中，描述中提到有五种不同的提示方式，这些可能包括错误消息的显示位置、样式、动画...
Ajax邮箱、用户名唯一性验证实例代码
12-08
废话不多说了，直接给大家贴代码了，具体代码如下所示： [removed] $(function () { $("#txtEmail").blur(function () { $.ajax({ type: "post", url: "reg.ashx?email=" + $.trim($("#txtEmail").val()) + "&d=" + (+new Date()), success: function (data) {
Ajax 异步请求-校验用户名唯一性
11-08
项目采用MVC分层结构， 使用Ajax异步请求技术实现校验用户名唯一性的功能
ajax 验证唯一性
yilukuangpao的博客
06-09 4093
ajax 验证唯一性
ajax邮箱、用户名唯一性验证
技术资料收集站
10-26 2847
"text/javascript"> $(function () { $("#txtEmail").blur(function () { $.ajax({ type: "post", url: "reg.ashx?email=" + $.trim
注册页面对数据进行校验，Ajax的使用-数据唯一性
最新发布
weixin_62971115的博客
09-04 805
【代码】注册页面对数据进行校验，Ajax的使用-数据唯一性。
Ajax 实现验证邮箱地址唯一性
火星基地
11-16 1218
实现效果： 安装express、path模块 在node环境中启动app.js 在浏览器地址栏输入http://localhost:3000/Email.html 输入框失去焦点时，首先判断是否为邮箱格式，再验证输入邮箱的唯一性。为了实现基本的功能，app.js将123456@123.com作为已注册的邮箱。 实现代码： Email.html： （引入了bootstrap框架） [→关于ajax.js封装函数请点击此处←] <!DOCTYPE html> <html lang="en
使用 ajax书写验证邮箱的唯一性
zxf_CN的博客
07-19 607
主要思路： 在 输入框 失去焦点时，发起 ajax 请求； 在发送请求前要进行 邮箱是否合法判断，只有通过 合法验证 后，才能进入下一步； 发起请求 得到 服务端返回的数据 渲染在页面上，提示用户 该邮箱是否 可以进行注册 或是 已被注册了 ！ 文件目录： serve public js Ajax.js view 验证邮箱唯一性.html app.js data.json 步骤： 将 静态资源 通过 node 搭建的服务端，进行
Ajax学习笔记——验证邮箱唯一性案例
weixin_45655555的博客
06-16 395
Ajax学习笔记——验证邮箱唯一性案例 在node.js搭建的服务器进行 步骤： 获取文本框并为其添加离开焦点事件 离开焦点时，检测用户输入的邮箱地址是否符合规则 如果不符合规则，组织程序向下执行并给出提示信息 向服务器端发送请求，检测邮箱地址是否被别人注册 根据服务器返回值决定客户端显示何种提示信息 ...
使用Ajax方式实现用户名的唯一性校验-JAVA
Liuwei0607的博客
01-21 1005
使用Ajax方式实现用户名的唯一性校验-JAVA 文章参考：https://www.cnblogs.com/lxr521/p/10765335.html 本文章说明如何实现以下效果： 用户在前端页面的用户名输入框输入一个用户名，当鼠标的光标离开输入框时，系统自动检验用户名的唯一性，并在前端页面给出提示。 这样可以节省资源，避免用户资源的浪费，因为以前所使用的方法，是在用户点击注册之后才去进行用户名的唯一性校验，如果错误，则需要返回一个新的界面并且提示用户名重复，即占用了又浪费了用户流量。 前端html+js
jQuery+Ajax实现简单分页条效果的代码示例
本文分享了使用 jQuery 和 Ajax 实现简单分页条效果的代码，供大家参考。分页条是 Web 开发中常用的功能，通过异步 Ajax 方式实现，可以提高用户体验。 **知识点** ### 1. 使用 EL 表达式和 JSTL 标签实现分页条 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值