jquery选择器取值和url正则匹配
用到的简单jquery知识,简单总结一下,一是能加深自己的记忆,二是方便自己以后查看。常言道"好记性不如烂笔头",要养成常总结、常记录的好习惯。慢慢的发现jquery很有意思,很强大。我要学的还很多很多啊。
1、获取name="push_type"的input的radio的选项的值
var push_type = $('[name="push_type"]:checked').val();
2、获取id="new_add_table0"的div下面input的name是以info_title开头的值
var title0=$("#new_add_table0").find("input[name^='info_title']").val();
3、获取id="new_add_table0"的div下面textarea的name是以info_content开头的值
var info0=$("#new_add_table0").find("textarea[name^='info_content']").val();
4、获取id="new_add_table0"的div下面select的name是以info_type开头的值
var info_type0 = $("#new_add_table0").find("select[name^='info_type']").val();
5、js计算填写内容字符个数的函数
function strlen(str)
{
var len = 0;
for (var i=0; i<str.length; i++) {
var c = str.charCodeAt(i);
//单字节加1
if ((c >= 0x0001 && c <= 0x007e) || (0xff60<=c && c<=0xff9f)) {
len++;
}
else {
len+=3;//UTF-8下 汉字是3个字节 也可能是+2
}
}
return len;
}
6、js正则判断url
if(web_url)
{
var r=/^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/;
if(r.test(web_url) == false)
{
alert("请填写有效的链接地址");
return false;
}
}
else
{
alert("请填写有效的链接地址");
return false;
}
7、js比较开始时间和结束时间的大小函数
//将字符串转换为日期
var begin=new Date($("#fromdate").val().replace(/-/g,"/"));
var end=new Date($("#todate").val().replace(/-/g,"/"));
//js判断日期
if(begin-end>0)
{
alert("开始日期要在结束时间之前!");
return false;
}
8、如果一个生成的页面中有许多以"new_add_table"开头的div,例如new_add_table0,new_add_table1,new_add_table2...等,每一个div下面都有input的值,如果要取到值可以用jquery的each函数例如下面的
var odds =0;
$("#new_add_table div[id^='new_add_table']").each(function()//每一个id以new_add_table开头的div遍历
{
if($(this).find("input[name^='odds']").val())//子元素以input的name是odds开头的值
{
odds+=parseInt($(this).find("input[name^='odds']").val());//每次获取的值转化为int类型 然后不断增加
}
});
//最终可以得到odds的和
9、js的each中的return false相当于php 中的break跳出循环 然后向下执行。如果each中如果有return false就终止执行可以这样来写
//多条标题、内容等
var istrue = true; //首先定义变量istrue为true;
$("#new_add_table div[id^='new_add_table']").each(function(){ //js开始遍历页面内容
var info_type = $(this).find("select[name^='info_type']").val();
var notice_type = $(this).find("select[name^='notice_type']").val();
//标题信息
var title = $(this).find("input[name^='info_title']").val();
if(!title)
{
istrue = false; //如果有问题 直接把istrue的值修改成false,终止执行代码
alert("标题信息为必填项");
return false;
}
//网页链接地址
var web_url=$(this).find("input[name^='page_link']").val();
if(web_url)
{
var r= /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/;
if(r.test(web_url) == false)
{
istrue = false;
alert("请填写有效的链接地址");
return false;
}
}
else
{
istrue = false;
alert("请填写有效的链接地址");
return false;
}
});
if(!istrue)
{
return false;
}
10、删除页面中的一个div或者其他
$("#push_table").remove(); //直接可以删除页面元素
11、jquery修改元素显示属性
$('#pic_package').css("display",""); //设置id为pic_package不显示
$('#pic_package').attr("value",''); //设置id为pic_package的值为空
$("#pic_package").attr({"style":"width:600px;"}); // 之前的样式是 style:width:600px; display:none 去掉display:none
12、获取当前元素最近的一个父级的div的id
var div_id = $(obj).closest("div").attr("id"); //获取上紧邻父级元素的id属性
13、克隆一个div下面的table并把它加载到某个地方
$('#push_table').children('table').eq(0).clone(true).appendTo('#new_add_table'); //把id为push_table下面第一个table进行复制 并把复制的内容加载到id为new_add_table里面
$("#push_table").clone(true).attr("id","new_add_table0").insertBefore($("#push_table")); //复制id为push_table的元素给id为new_add_table0的里面并把复制的添加到模板的前面
14、修改radio的name属性
$('#new_add_table input:radio[name="open_type"]').attr("name","open_type1"); //因为radio为单选项,如果复制,两组选项只能选择一个所以要修改radio的name这样才能正常选择。
$('#push_table input:radio[name="open_type"][value=1]').attr("checked","checked"); //复制完模板的radio,模板的radio就没有选中状态了(估计是复制之后 后面的选项默认选择了,前面的选项就没有了)要恢复之前模板的选中状态
15、js判断正整数的正则
var r=/^[0-9]*[1-9][0-9]*$/; if(r.test(val) == false) {
alert("请填写1到100的整数"); $(obj).attr("value",''); return false;
}
jquery选择器取值和url正则匹配的更多相关文章
- jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中
jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Se ...
- 第三百二十五节,web爬虫,scrapy模块标签选择器下载图片,以及正则匹配标签
第三百二十五节,web爬虫,scrapy模块标签选择器下载图片,以及正则匹配标签 标签选择器对象 HtmlXPathSelector()创建标签选择器对象,参数接收response回调的html对象需 ...
- jquery select取值,赋值操作
select">jquery select取值,赋值操作 一.获取Select 获取select 选中的 text : $("#ddlRegType").find( ...
- jQuery radio取值,checkbox取值,select取值
语法解释: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkTex ...
- jquery radio取值,checkbox取值,select取值及选中
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $('in ...
- Django2.0版本 path与Django1.x版本url正则匹配问题
Django1.x版本url正则匹配如下: Django2.0版本正则匹配则要导入re_path模块如下:
- 四 web爬虫,scrapy模块标签选择器下载图片,以及正则匹配标签
标签选择器对象 HtmlXPathSelector()创建标签选择器对象,参数接收response回调的html对象需要导入模块:from scrapy.selector import HtmlXPa ...
- 2016 系统设计第一期 (档案一)jQuery checkbox 取值赋值
<div class="form-group"> <label for="IsActive" class="col-sm-2 con ...
- jquery选择器返回值
jquery选择器$('selector')返回的不是数组,而是封装好的jquery对象.但这个对象有一个特别的地方,就是查询到的节点被以下标为属性,添加到了jquery对象上,所以它看起来像数组,因 ...
随机推荐
- HttpRuntime类的缓存以及redis,memercache
http://www.cnblogs.com/kissdodog/archive/2013/05/07/3065208.html
- [BZOJ 1014] [JSOI2008] 火星人prefix 【Splay + Hash】
题目链接:BZOJ - 1014 题目分析 求两个串的 LCP ,一种常见的方法就是 二分+Hash,对于一个二分的长度 l,如果两个串的长度为 l 的前缀的Hash相等,就认为他们相等. 这里有修改 ...
- [BZOJ 2594] [Wc2006]水管局长数据加强版 【LCT】
题目链接:BZOJ - 2594 题目分析 这道题如果没有删边的操作,那么就是 NOIP2013 货车运输,求两点之间的一条路径,使得边权最大的边的边权尽量小. 那么,这条路径就是最小生成树上这两点之 ...
- iOS出现 Undefined symbols for architecture armv7 std::basic_string<char, std::char_traits<char>
Undefined symbols for architecture i386: “_OBJC_CLASS_$_XXX”, referenced from: objc-class-ref in XXX ...
- php生成的中文文件名会变成乱码,应该这样解决
现在php有很多类库,会生成文件,比如生成zip文件,生成二维码等等.这些类库用起来很爽,但是一旦生成带有中文的文件名,极有可能出现乱码. 问题:生成的中文文件名会变成乱码 解决:使用函数:iconv ...
- logstash 安装WARNING: SSLSocket#session= is not supported
logstash官方提供的插件安装方法是: bin/plugin install logstash-output-webhdfs按照此方法,不出意料肯定会出现以下错误: [ec2-user@ip-xx ...
- 在C#中使用WIA获取扫描仪数据(利用Filter处理图片)
WIA Automation Layer不仅能从设备中捕获照片,还能进行简单的处理.当WIA Automation Layer从设备中捕获照片,保存为一个ImageFile对象,我们可以通过访问该Im ...
- oracle自动编号
oracle自动编号 在access中有自动编号的数据类型,MSSQL和MYSQL也都有自动增长的数据类型,插入记录时不用操作此字段,会自动获得数据值,而oracle没有自动增长的数据类型,我们需要建 ...
- ASP.NET MVC 中@Html.Partial,@Html.Action,@Html.RenderPartial,@Html.RenderAction差别
使用方法:@Html.Action(action, controller)加载局部页面.例如在模板页中使用:@Html.Action("Contact", "Compan ...
- Bzoj 2818: Gcd 莫比乌斯,分块,欧拉函数,线性筛
2818: Gcd Time Limit: 10 Sec Memory Limit: 256 MBSubmit: 3241 Solved: 1437[Submit][Status][Discuss ...