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

//对用户名校验是否存在
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. HDU 4812 (点分治)

    题目:https://vjudge.net/contest/307753#problem/E 题意:给你一颗树,树上每个点都有个权值,现在问你是否存在 一条路径的乘积 mod 1e6+3  等于 k的 ...

  2. Python操作 Memcache

    Memcached Memcached 是一个高性能的分布式内存对象缓存系统,用于动态Web应用以减轻数据库负载.它通过在内存中缓存数据和对象来减少读取数据库的次数,从而提高动态.数据 库驱动网站的速 ...

  3. 用 Flask 来写个轻博客 (31) — 使用 Flask-Admin 实现 FileSystem 管理

    Blog 项目源码:https://github.com/JmilkFan/JmilkFan-s-Blog 目录 目录 前文列表 扩展阅读 编写 FileSystem Admin 页面 Flask-A ...

  4. 1.OpenCV数据类型

    基础类型 1.模板类cv::Vec<> 固定向量类,维度已知的小型向量——处理效率高 2.cv::Point类(Point2i,Point2f,Point2d;Point3i,Point3 ...

  5. laravel 向多视图及所有视图传递数据变量

    向单个视图传递变量 1.使用with()方法 : view('user.lists')->with('title',$title); 2.直接view()传参: view('user.lists ...

  6. QC OTA

    Note: First make sure QTP connect to QC.(转自:http://blog.csdn.net/franktan2010/article/details/724331 ...

  7. Linux系统ubuntu17安装jdk8并配置环境变量

    上班多年,一直没有真正在Linux下开发过,没有捣鼓到Linux服务器,成为憾事.最近由于想学习Python,于是开始看书,学习Linux,学习shell编程. 选择Linux,先从最简单的ubunt ...

  8. css深入理解overflow

    1.基本属性 visible(默认值) 超出部分仍然正常显示 hidden 超出后隐藏 scroll 滚动条一致显示 auto 自适应 显示或隐藏滚动条 inherit overflow  =  ov ...

  9. 【转】 linux下配置squid 服务器,最简单使用方式

    linux下配置squid 1.什么是squid Squid cache(简称为Squid)是一个流行的自由软件(GNU通用公共许可证)的代理服务器和Web缓存服务器.Squid有广泛的用途,从作为网 ...

  10. 饿汉单例模式 and 懒汉单例模式

    饿汉单例模式:主要就是利用static关键字,在类加载的时候生成实例,调用效率高 但是如果一直没有调用getInstance方法的话,就会造成资源浪费 具体实现如下: class Single{ pr ...