JQuary---获取文本内容，正则表达式

JQuary获取文本内容的方式：

复选框获取内容：

城市：
<select id="city">
	<option value="0">请选择</option>
	<option value="1" selected>洛阳市</option>
	<option value="2">郑州市</option>
</select>
1
2
3
4
5
6

直接使用选择器获取值：

var city = $("#city").val();
1

单选框获取内容：

<div>
	性别：
	<input type="radio" name="sex" checked value="1" />男
	<input type="radio" name="sex" value="2" />女
</div>
1
2
3
4
5

使用属性值选择器选择后获取其值

var sex = $("input[name='sex']:checked").val();
1

多选框获取内容：

<div>
	爱好：
	<input type="checkbox" name="loves" checked value="1" />唱
	<input type="checkbox" name="loves" value="2" />跳
	<input type="checkbox" name="loves" value="3" />RAP
</div>
1
2
3
4
5
6

由于获取的内容是一个数组，我们需要通过遍历来获取每一个值：

var loves = [];
$("input[name='loves']:checked").each(function() {
	loves.push($(this).val());
});
alert(loves.join(","));
1
2
3
4
5

获取文本框内容：

<div>
	备注：
	<textarea id="res"></textarea>
</div>
1
2
3
4

直接获取其值：

var res = $("#res").val();
alert(res);
1
2

JQuary使表单提交按钮失效：

由于在练习时，如果提交表单，没有后台的话，会跳转到不同的地址中，所以可以使用下列方法手动让表单提交功能失效，方便练习
示例：

表单：

<form id="formSub" action="1111.html" method="get">

</form>
1
2
3
4
5

我们给表单绑定事件：使其返回false即可

$("#formSub").submit(function() {
	return false; 
});
1
2
3

JQuary正则表达式

正则表达式可以使用在表单验证，爬虫匹配等地方，以下了解一下正则表达式的语法：
语法：

/正则表达式主体/修饰符(可选)
1

示例：

reg1 = /^[a-z]{4,8}$/;
1

定义好正则表达时候使用下列方法来使用：

test()

判断字符串是否符合规定的正则,返回true或false

 var rep = /\d+/;
 console.log(rep.test("111"));
1
2

exec()

获取匹配的数据,返回数组

var rep = /(\d+)/g;
console.log(rep.exec("1211xx232xx"));
1
2

详情可参考：
正则表达式基础
正则表达式示例
正则表达式语法查询
一般

• [内容] 代表正则规范
• {num,num} 代表位数
• {0，} 代表从0开始后面都满足该正则表达式