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

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开始后面都满足该正则表达式
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

牛总来学习了

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值