JQuary获取文本内容的方式:
复选框获取内容:
城市:
<select id="city">
<option value="0">请选择</option>
<option value="1" selected>洛阳市</option>
<option value="2">郑州市</option>
</select>
直接使用选择器获取值:
var city = $("#city").val();
单选框获取内容:
<div>
性别:
<input type="radio" name="sex" checked value="1" />男
<input type="radio" name="sex" value="2" />女
</div>
使用属性值选择器选择后获取其值
var sex = $("input[name='sex']:checked").val();
多选框获取内容:
<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>
由于获取的内容是一个数组,我们需要通过遍历来获取每一个值:
var loves = [];
$("input[name='loves']:checked").each(function() {
loves.push($(this).val());
});
alert(loves.join(","));
获取文本框内容:
<div>
备注:
<textarea id="res"></textarea>
</div>
直接获取其值:
var res = $("#res").val();
alert(res);
JQuary使表单提交按钮失效:
由于在练习时,如果提交表单,没有后台的话,会跳转到不同的地址中,所以可以使用下列方法手动让表单提交功能失效,方便练习
示例:
表单:
<form id="formSub" action="1111.html" method="get">
</form>
我们给表单绑定事件:使其返回false即可
$("#formSub").submit(function() {
return false;
});
JQuary正则表达式
正则表达式可以使用在表单验证,爬虫匹配等地方,以下了解一下正则表达式的语法:
语法:
/正则表达式主体/修饰符(可选)
示例:
reg1 = /^[a-z]{4,8}$/;
定义好正则表达时候使用下列方法来使用:
test()
判断字符串是否符合规定的正则,返回true或false
var rep = /\d+/;
console.log(rep.test("111"));
exec()
获取匹配的数据,返回数组
var rep = /(\d+)/g;
console.log(rep.exec("1211xx232xx"));
详情可参考:
正则表达式基础
正则表达式示例
正则表达式语法查询
一般
- [内容] 代表正则规范
- {num,num} 代表位数
- {0,} 代表从0开始后面都满足该正则表达式