<!--

    需求:
用户注册页面要有用户名、密码、确认密码、邮箱
用户名文本框:用户名不能为空,且必须为数字与字母的6到12位的组合
密码框:密码不能为空,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符
确认密码框:确认密码不能为空,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符,并且要和密码框中的内容保持一致
邮箱框:邮箱需要输入正确的邮箱格式并且不能为空
-->

效果图:
JQuery+formValidator实现表单验证

 

    })
*/
</script>

---恢复内容结束---

<!--
需求:
用户注册页面要有用户名、密码、确认密码、邮箱
用户名文本框:用户名不能为空,且必须为数字与字母的6到12位的组合
密码框:密码不能为空,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符
确认密码框:确认密码不能为空,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符,并且要和密码框中的内容保持一致
邮箱框:邮箱需要输入正确的邮箱格式并且不能为空
-->

效果图:


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>JQUERY</title>
<script src="jquery-3.3.1.js"></script>
<script src="formValidator4.0.1/formValidator-4.0.1.js"></script>
<script src="formValidator4.0.1/formValidatorRegex.js"></script>
<link type="text/css" rel="stylesheet" href="formValidator4.0.1/style/validator.css">
//rel并不能省略,省略了就看不到小图片的显示了
</head>
<fieldset>
<legend>用户注册页面</legend>
<form>
<table>
<tr>
<td>用户名:</td>
<td><input type="text" ,
})
*/
</script>

相关文章: