大概实现了,用户名是否存在,邮箱是否已注册,密码是否符合复杂度。

//对用户名校验是否存在
function checkname(){
//alert("checkname");
var f=false;
//javascript所有的变量都是以var定义的
//javascript的变量属于弱类型
//获取用户输入的用户名
var name = document.getElementById("usernameRe").value;
//去除字符串两端空格
name=name.trim();
//判断是否为空

if(name==""){
document.getElementById("username_span").innerHTML="用户名不能为空";
}else if(name.length<6||name.length>16){
document.getElementById("username_span").innerHTML="用户名的长度为6-16位";
}
else{
document.getElementById("username_span").innerHTML="";
//校验用户名是否存在
//使用ajax异步校验用户名
$.ajax({
url:"/oldbookweb_1/checkName",
type:"post",
data:{"username":name},
dataType:"json",
async:false,
success:function(data){
if(data.msg=="false"){
//alert("false");
document.getElementById("username_span").innerHTML="用户名已存在";
}else{

document.getElementById("username_span").innerHTML="用户名可用";
f=true;
}
}
});

}
return f;
}
function checkPassword(){
var password=document.getElementById("passwordReg").value;
var reg=/^[a-zA-Z]\w{5,15}$/;
var f = reg.test(password);
if(f==false){
document.getElementById("password_span").innerHTML="密码格式错误";
return false;
}else{
document.getElementById("password_span").innerHTML="";
return true;
}
}
function checkRepassword(){
var password=document.getElementById("passwordRe").value;
var repassword=document.getElementById("repassword").value;
if(password==repassword){
document.getElementById("repassword_span").innerHTML="";
return true;
}else{
document.getElementById("repassword_span").innerHTML="两次输入密码不一致";
return false;
}
}

//验证邮箱
function checkEmail(){
var email=document.getElementById("emailRe").value;
//两种引用正则表达式方式
//var reg = new RegExp("^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$");
var reg=/^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/;
var f = reg.test(email);
if(f==false || email==""){
document.getElementById("email_span").innerHTML="邮箱格式错误";
return false;
}
else{
document.getElementById("email_span").innerHTML="";
//校验邮箱是否注册
//使用ajax异步校检邮箱
$.ajax({
url:"/oldbookweb_1/checkEmail",
type:"post",
data:{"email":email},
dataType:"json",
async:false,
success:function(data){
if(data.msg=="false"){
//alert("false");
document.getElementById("email_span").innerHTML="邮箱已注册";
}else{

document.getElementById("email_span").innerHTML="邮箱可用";
f=true;
}
}
});

}
return f;
}
function check(){
var name = checkname();
var password = checkPassword();
var repassword = checkRepassword();
var nickname = checkNickname();
var email= checkEmail(http://www.my516.com);
if(name&&password&&repassword&&nickname&&email)
return true;
else
return false;
}
这是controller的checkName和checkEmail方法

/**
* 检查邮箱是否已注册
* @param email
* @return
*/
@RequestMapping("checkEmail")
@ResponseBody
public String checkEmail(String email) {
System.out.println("checkEmail");
System.out.println("email=="+email);
// 根据用户名查询是否存在该用户名
User user = userService.findUserByEmail(email);
// 当对象不为空,说明用户名存在
if (user != null) {
return "{\"msg\":\"false\"}";
}
return "{\"msg\":\"true\"}";
}
/**
* 检查账号名是否已存在
* @param username
* @return
*/
@RequestMapping("checkName")
@ResponseBody
public String checkName(String username) {
System.out.println("checkName");
System.out.println(username);
User user = userService.findUserByName(username);

if (user != null) {
return "{\"msg\":\"false\"}";
}
return "{\"msg\":\"true\"}";
}
 
---------------------

JavaScript实现注册时检查邮箱,名称,密码等是否符合规则的更多相关文章

  1. Struts2(四.注册时检查用户名是否存在及Action获取数据的三种方式)

    一.功能 1.用户注册页面 <%@ page language="java" contentType="text/html; charset=UTF-8" ...

  2. 《JavaWeb从入门到改行》注册时向指定邮箱发送邮件激活

    javaMail API javaMail是SUN公司提供的针对邮件的API . 两个jar包  mail.jar 和 activation.jar java mail中主要类:javax.mail. ...

  3. 通用且常用的Java正则匹配工具,用以检查邮箱名、电话号码、用户密码、邮政编码等合法性

    一个通用且常用的Java正则匹配工具,用以检查邮箱名.电话号码.用户密码.邮政编码等合法性. import java.util.regex.Matcher; import java.util.rege ...

  4. C#发送邮件时提示:“不允许使用邮箱名称。服务器响应为:”的错误解决办法

    由于项目需要,要为客户提供一个定期发送邮件的程序.本来原来自己还写过,但新写的程序一晚上也没通过测试,总是提示"不允许使用邮箱名称.服务器响应为..." 经过在网上搜索查找解决办法 ...

  5. 本博文将一步步带领你实现抽屉官网的各种功能:包括登陆、注册、发送邮箱验证码、登陆验证码、页面登陆验证、发布文章、上传图片、form验证、点赞、评论、文章分页处理以及基于tronado的后端和ajax的前端数据处理。

    本博文将一步步带领你实现抽屉官网的各种功能:包括登陆.注册.发送邮箱验证码.登陆验证码.页面登陆验证.发布文章.上传图片.form验证.点赞.评论.文章分页处理以及基于tronado的后端和ajax的 ...

  6. archive成功了,但是在输出ipa时要求有账号密码

    archive成功了,但是在输出ipa时要求有账号密码 可以通过命令行方式输出,绕开账号检查1.进入Windows-Organizer-Archives,找到要输出的scarchive列表项:2.右键 ...

  7. 【关于JavaScript】常见表单用户名、密码不能为空

    在论坛等系统的用户注册功能中,如果用户忘记填写必填信息,如用户名.密码等,浏览器会弹出警告框,提示用户当前有未填信息. 这个典型的应用就是通过JavaScript实现的.如图所示是一个简单的用户注册页 ...

  8. AspNetCore-MVC实战系列(二)之通过绑定邮箱找回密码

    AspNetCore - MVC实战系列目录 . 爱留图网站诞生 . AspNetCore - MVC实战系列(一)之Sqlserver表映射实体模型 . AspNetCore-MVC实战系列(二)之 ...

  9. Django实现注册,往邮箱发送验证链接

    由于最近要做个平台,在GitHub上下载了一个系统框架,想着为了安全,实现注册时往一个邮箱发送注册信息,由管理员来确认是否同意其注册. 感谢博主:https://blog.csdn.net/geek_ ...

随机推荐

  1. CocoaPods中pod search报错的解决办法

    pod search报错的原因: 每次使用pod search命令的使用会在该目录下生成一个search_index.json文件,会逐渐的增大,文件达到一定大小后,ruby解析里面的json字符就会 ...

  2. 公司-IT-SanSan:SanSan

    ylbtech-公司-IT-SanSan:SanSan 毫不费力的组织.无缝简单.基于名片的联系人管理 SanSan是一个名片管理应用,为企业提供内部联系人管理和分享服务,此外该公司也是日本最大的.基 ...

  3. 使用Excel表格的记录单功能轻松处理工作表中数据的方法

    使用Excel表格的记录单功能轻松处理工作表中数据的方法 记录单是将一条记录分别存储在同一行的几个单元格中,在同一列中分别存储所有记录的相似信息段.使用记录单功能可以轻松地对工作表中的数据进行查看.查 ...

  4. LeetCode 最短无序连续子数组

    题目链接:https://leetcode-cn.com/problems/shortest-unsorted-continuous-subarray/ 题目大意: 略. 分析: 如果排序区间为 [L ...

  5. 解决&#65279产生的空白行

    <script> var a=document.body.innerHTML; document.body.innerHTML=a.replace(/\ufeff/g,''); </ ...

  6. ValueError: The truth value of an array with more than one element is ambiguous. Use a.any() or a.all()

    https://blog.csdn.net/ztf312/article/details/50708302 报错原因: Numpy对逻辑表达式判别不清楚,它可以返回False如果等号两边两个式子是数值 ...

  7. 一文搞懂--Java中重写equals方法为什么要重写hashcode方法?

    Java中重写equals方法为什么要重写hashcode方法? 直接看下面的例子: 首先我们只重写equals()方法 public class Test { public static void ...

  8. Unity接入AbMob踩坑记

    之前是配置好的环境,不知道怎么突然就不正常了. 一直弹出下面的报错: Error running CocoaPods. Please ensure you have at least version ...

  9. Autofac基本使用

    原文:Autofac基本使用 AutoFac是.net平台下的IOC容器产品,它可以管理类之间的复杂的依赖关系.在使用方面主要是register和resolve两类操作. 这篇文章用单元测试的形式列举 ...

  10. 用python实现批量获取Linux主机简要信息并保存到Excel中 unstable 1.1

    #!/usr/bin/env python3 # -*- coding: utf-8 -*- #filename get_linux_info.py #获取Linux主机的信息 # titles=[' ...