jquery的简单用法三（表单验证）

最新推荐文章于 2024-06-29 14:47:07 发布

自学AI的鲨鱼儿

最新推荐文章于 2024-06-29 14:47:07 发布

阅读量423

点赞数

分类专栏： # 学习简单的web 文章标签： web

本文链接：https://blog.csdn.net/qq_16555103/article/details/85999601

版权

学习简单的web 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

一、 js 中 string 的处理方法：indexOf() substring()

1、indexOf（） ------------------- 查找字符串中是否包括某字符串,返回时是第一次出现的索引值 , 不存在返回 -1

var str="abcdefg";
console.log(str.indexOf("b"));

2、字符串切片：substring（） -------------- 括号里面是索引值 (前闭后开)

var str="abcdefg";
console.log(str.substring(0,4));

3、test（） ------------------- 常用于正则表达式匹配

https://blog.csdn.net/qq_16555103/article/details/85299658#t41

4、判断长度 . length

var str="abcdefg";
console.log(str.length);         // length 后面没有括号

二、表单验证的方法：

常常利用 test（）、正则表达式、val（） 来验证，批量验证要用遍历的方法 each（）

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="./js/jquery.js"></script>
	<script type="text/javascript">
		function check_qq(){
			var regx=/[1-9]\d{4,9}/
			$("[name=qq]").each(function(){
				if(regx.test($(this).val())){
					$(this).next().html("√")
				}else{
					$(this).next().html("×")
				}
			})
		}
		$(function(){
			$(".btn").click(function(){
				check_qq();
			})
			$(".add").click(function(){
				$("li:last").before('<li>qq:<input type="text" name="qq"><span></span></li>')
			})
		})

	</script>
</head>
<body>
	<h2>qq号验证</h2>
	<ul>
		<li>
			qq:<input type="text" name="qq"><span></span>
		</li>
		<li>qq:<input type="text" name="qq"><span></span></li>
		<li>qq:<input type="text" name="qq"><span></span></li>
		<li>qq:<input type="text" name="qq"><span></span></li>
		<li><button class="add">+</button></li>
	</ul>
	<button class="btn">验证QQ号</button>
</body>
</html>