<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery.min.js"></script>
<script>
$(function(){
$("#userEmail").blur(function(){
var re = /^\[email protected]\w+(\.\w+){1,3}$/;
if ( $(this).parent().find("span").length > 0 ) {
$(this).parent().find("span").remove();
}
if ( re.test( $(this).val() ) ) {
$(this).after( "<span class=‘ok‘>ok</span>" );
}else {
$(this).after( "<span class=‘error‘>您注册的邮箱不规范！</span>" );
}
});
$("#pwd").blur(function(){
var re = /\w{6,20}$/;
if ( $(this).parent().find("span").length > 0 ) {
$(this).parent().find("span").remove();
}
if ( re.test( $(this).val() ) ) {
$(this).after( "<span class=‘ok‘>ok</span>" );
}else {
$(this).after( "<span class=‘error‘>error</span>" );
}
});
$("#reg :submit").click(function(){
$("#userEmail").triggerHandler( "blur" );
$("#pwd").triggerHandler( "blur" );
if ( $("#reg").find(".error").length > 0 ) {
return false;
}
});
});
</script>
<style>
.ok {
color:green;
}
.error {
color:red;
}
</style>
</head>
<body>
<form action="http://www.baidu.com" id="reg">
<p>
邮箱:
<input type="text" name="userEmail" id="userEmail">
</p>
<p>
密码:
<input type="password" name="pwd" id="pwd">
</p>
<p>
<input type="submit" value="注册" >
</p>
</form>
</body>
</html>
前端邮箱验证
时间： 2024-10-28 20:38:51
前端邮箱验证的相关文章
django captcha和邮箱验证机制
验证码插件--django captcha和邮箱验证机制 对于web开发在用户注册登录的环节的验证码是在开发中必不可少的一个环节,这里介绍一下我在开发中经常使用到的一个带三方的验证码插件-- captcha 一.安装 在GitHub上可以直接下载: 也可以使用pip进行安装: 二.导入 1.settings.py文件 这里需要在INSTALLED_APPS中将其注册进去: INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.aut
ThinkPHP邮箱验证
Thinkphp用户注册使用邮箱验证的功能实现! 小伙伴平时在用户注册的时候,是否为邮箱验证的功能所困扰,下面思梦PHP就为大家带来了这个案例! 首先数据表的结构为: 思路就是用户注册时候我们使用一个type的字段进行验证,当用户登陆的时候我们用这个字段进项验证,如果为1则是验证成功可登陆,反之则不能登陆,下面九尾大家贴上我们的代码: (1)前端的代码为: 效果为: (2)后台验证的添加的代码为: (3)邮箱效果的图 (4)后台验证代码 (5)数据库的代码示例 (6)验证成功 原文地址:http
使用ajax实现邮箱验证---前台输入完成，光标离开输入框后，将输入内容拿到后台验证是否存在，如果存在就提醒已经存在
|--要求 |--实现方式: 1.前台使用使用函数检测输入内容,并使用jQuery的ajax异步将检测到的内容发送到后台对比 2.如果输入内容在数据库内已经存在,就提醒已经存在 |--代码 1 package cn.exercise.dao; 2 3 import cn.exercise.util.ConfigManager; 4 5 import java.sql.*; 6 7 public class BaseDao { 8 //引入ps对象,conn对象,rs对象 9 private Pr
在Maven项目中关于SSM框架中邮箱验证登陆
1.你如果要在maven项目中进行邮箱邮箱验证,你首先要先到pom.xml文件中配置mail.jar,activation.jar包 <dependency> <groupId>javax.mail</groupId> <artifactId>mail</artifactId> <version>1.4</version> </dependency> <dependency> <groupId
Flex 正则表达式 电话、邮箱验证
一.常用验证 验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9]*)$ 验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$ 验证非零的正整数:^\+?[1-9][0-9]*$ 验证非零的负整数:^\-[1-9][0-9]*$ 验证非负整数(正整数 + 0) ^\d
JavaMai——邮箱验证用户注册
这篇文章简单的模拟了网上利用邮箱激活用户注册这样的一个功能 1. 呈现给用户的注册界面:(为了简单起见,就剩下两个输入域,邮箱和昵称) [html] view plain copy print? <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
H5前端正则验证插件
最近学习了一个新的关于前端正则验证的插件,'jQuery.validate.js ' 要用这个插件 首先得有插件,下载jquery.validate.min.js 和jq文件并引入. 我把它简单的通俗的分为两部分 1.要验证的是谁 2.验证的提示信息 具体格式如下 $("id名").validate({ // 要验证的谁 rules:{ }, //验证提示信息 messages{ } }); 基本的格式就是这样 下边我会用代码具体的说下这个插件. 一般的情况下是用来表单的 我
discuz3.2x增加邮箱验证功能
为防止垃圾用户多次注册,为disczu增加邮箱验证功能. 大致分为二步: 1.申请邮箱,这里推荐使用腾讯免费企业邮箱:https://exmail.qq.com/portal/introducefree (对普通开发者来说50个名额已足够,只要买个域名就能申请到企业邮箱还是很划算的),如果有其他更好的,欢迎推荐下 2.在discuz中进行设置. 1的具体步骤: 进入注册页面注册成功,登录企业邮箱,首页显示,如图: 在成员与群组中增加一个部门,并且在部门下增加一个用户(用来收发邮件的用户): 在我
Django用户注册、邮箱验证实践
算法流程如下:1)处理用户注册数据,存入数据库,is_activity字段设置为False,用户未认证之前不允许登陆2)产生token,生成验证连接URL3)发送验证邮件4)用户通过认证邮箱点击验证连接,激活is_activity字段,可以登录5)若验证连接过期,删除用户在数据库中的注册信息. #系统root邮箱 settings.py EMAIL_HOST = 'smtp.qq.com' EMAIL_HOST_USER = '17********@qq.com' #授权码 EMAIL_HOST