Jquery学习笔记（9）--注册验证复习（未用到ajax）
2024-08-31 03:24:56
纯复习，在$(this).val()这里浪费了时间，val()只适合input里面的value值，如果是span等标签里包裹的文本要用text()！！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="jquery.js"></script>
<style>
table{
/*width: 500px;*/
height: 200px;
border-collapse: collapse;
border-color: #f00;
}
td{
border: 1px solid #00f;
}
td:nth-child(1){
width: 100px;
}
td:nth-child(2){
width: 200px;
} td:nth-child(3){
border: 0px;
display: none;
}
</style>
</head>
<body>
<form id="form1" action="regist.php" method="get">
<table >
<tr>
<td>用户名</td>
<td><input type="text" name="username">
<!-- <span>hahahahah</span> -->
</td>
<td><span>用户名至少6位！</span></td> </tr>
<tr>
<td>密码</td>
<td><input type="text" name="password"></td>
<td><span>密码至少6位！</span></td>
</tr>
<tr>
<td>重复密码</td>
<td><input type="text" name="repassword"></td>
<td><span>两次密码不一致！</span></td>
</tr>
<tr>
<td>手机</td>
<td><input type="text" name="phone"></td>
<td><span>手机号格式不正确！</span></td>
</tr>
<tr>
<td>邮箱</td>
<td><input type="text" name="email"></td>
<td><span>邮箱格式不正确！</span></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="提交"></td>
</tr> </table>
</form>
</body>
<script>
var check1=check2=check3=check4=check5=0;
$('[name=username]').blur(function(){
if ($(this).val().length<6) {
$(this).parent().next().show();
check1 = 0;
}else{
$(this).parent().next().hide();
check1 = 1;
}
});
$('[name=password]').blur(function(){
if ($(this).val().length<6) {
$(this).parent().next().show();
check2 = 0;
}else{
$(this).parent().next().hide();
check2 = 1;
}
});
$('[name=repassword]').blur(function(){
if ($(this).val()!=$('[name=password]').val()) {
$(this).parent().next().show();
check3 = 0;
}else{
$(this).parent().next().hide();
check3 = 1;
}
});
$('[name=phone]').blur(function(){
if (!$(this).val().match(/^188\d{8}$/)) {
$(this).parent().next().show();
check4 = 0;
}else{
$(this).parent().next().hide();
check4 = 1;
}
});
$('[name=email]').blur(function(){
if (!$(this).val().match(/^\w+\@\w+\.com$/)) {
$(this).parent().next().show();
check5 = 0;
}else{
$(this).parent().next().hide();
check5 = 1;
}
}); $('#form1').submit(function(){
$('input').blur();
var sum = check1+check2+check3+check4+check5;
if(sum!=5){
return false;
} });
</script>
</html>
最新文章
- 如何动态在文档中加入＜script＞＜/script＞写入大段js？
- python中常用的模块的总结
- C#根据身份证号码，计算生日、年龄、性别
- 根据IP获取省市 .
- PAT_1010 一元多项式求导
- SGU 294 He's Circles
- 2014第一周五开发问题记URL传参乱码等
- Java钉钉开发_02_免登授权（身份验证）（附源码）
- 3_Longest Substring Without Repeating Characters -- LeetCode
- 芝麻HTTP：爬虫的基本原理
- Headless Chrome：服务端渲染JS站点的一个方案【中篇】【翻译】
- Linux-Kconfig总结与分析
- Codeforces Round #539--1113B - Sasha and Magnetic Machines
- checkpoint-BLCR部署和测试(源码)
- Vue + Element UI 实现权限管理系统 （管理应用状态）
- Lua函数[转]
- JAVA取得IP
- 2017-2018-1 20155330 《信息安全系统设计基础》第10周课堂测试&课下作业
- BZOJ3462 DZY Loves Math II（动态规划+组合数学）
- 〖Windows〗zigbee实验之cygwin编译TestSimpleMac出错的解决方法