本文完成于JavaScript和jQuery的学习时间,该作品纯手工渲染,未使用正则表达式。欢迎各位提出意见交流
效果图:
功能如下:
1、姓名和姓氏不能为空、不能含有数字
2、密码大于6位
3、两次密码相同
4、电子邮箱含有@.
源码如下:
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>注册表单验证</title>
<script type="text/javascript" src="jquery-3.3.1.js"></script>
<script type="text/javascript">
$(function() {
//判断名字不能有数字
$("input[name='name']").blur(function(event) {
var name = $(this).val();
var title=$(this).prev().find('a').text();
if (name=="") {
$(this).prev().find('.tiname').removeClass('green').addClass('red').text(title+"不能为空")
}else {
var arr=name.split("");