利用JQuery实现注册页面的验证功能

最新推荐文章于 2024-06-17 00:46:15 发布

王大熊

最新推荐文章于 2024-06-17 00:46:15 发布

阅读量1.1w

点赞数 1

本文链接：https://blog.csdn.net/Sugar_tea/article/details/38150651

版权

本文介绍了一种使用JQuery和正则表达式实现的注册页面验证功能，包括邮箱、密码和姓名的验证。当用户离开输入框时，会检查邮箱格式、密码长度和一致性以及姓名的合法性，通过元素显示相应的错误提示。

摘要由CSDN通过智能技术生成

注册页面在网页前端的设计中，是一个比较重要的模块，本程序渣就用自己薄弱的编程技术写了以下代码，供大家参考加批评指正。

本段代码还用到了正则表达式。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery邮箱验证</title>
<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {

$("#email").blur(function(e){
var pattern = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
var email=$("#email").val();
if(email==''){
$("#spanEmail").html("邮箱不能为空");
$("#spanEmail").css({"color":"#F00"});
}else if(!pattern.test(email)){
$("#spanEmail").html("邮箱格式不正确");
$("#spanEmail").css({"color":"#F00"});
}else{