jquery 过滤选择
2015-06-03 17:10
621 查看
今天做了前台页面转义单引号,双引号。
function replaceSpecialCh(formId){
if(formId!=null && formId !='' && typeof(formId)!='undefined' ){
$('#'+formId).find("input:not([id^='file']),textarea").each(function(){
this.value = this.value.replace(/"/g, '"').replace(/'/g, ''');
});
}else{
}
}
对一些特殊页面火狐会报“detailed error: SecurityError: The operation is insecure.”,发现我试图修改file类型的值,后来改为:
function replaceSpecialCh(formId){
if(formId!=null && formId !='' && typeof(formId)!='undefined' ){
$('#'+formId).find("input:not([id^='file'], [type=file],.filebox-f .textbox-f),textarea").each(function(){
this.value = this.value.replace(/"/g, '"').replace(/'/g, ''');
});
}else{
}
}
成功了。
以下为测试代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale = 1.0, user-scalable = no">
<title>用户表单</title>
<link href="css/basic.css" type="text/css" rel="stylesheet" media="screen">
<link href="css/global.css" type="text/css" rel="stylesheet" media="screen">
<script src="js/jquery.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript">
function test(){
$('#form1').find("input:not(.main-checkbox,.main-name,[type=file],[id^=file]),textarea").each(function(){
alert(this.value);
this.value = this.value.replace(/"/g, '"').replace(/'/g, ''');
});
}
</script>
</head>
<body>
<div class="department clearfix">
<div class="depart-top clearfix">
<div class="sec-s fr"> <span class="fl">姓名:</span><input name="" type="text" class="sec-text fl"/><input name="" type="button" value="查询" class="sec-btn fl"/></div>
</div>
<div class="depart-aside fl">
<ul class="tab-ul">
<li>部门 </li>
<li>群组 </li>
<li>角色 </li>
</ul>
<div>
<div class="tab mt10">
<ul class="tab-list">
<li><a href="#">部门部门部门:234</a></li>
<li><a href="#">部门:234</a></li>
<li><a href="#">部门:234</a></li>
<li><a href="#">部门:234</a></li>
<li><a href="#">部门:234</a></li>
<li><a href="#">部门:234</a></li>
</ul>
</div>
<div class="tab mt10" style="display:none">
<ul class="tab-list">
<li><a href="#">群组:234</a></li>
</ul>
</div>
<div class="tab mt10" style="display:none">
<ul class="tab-list">
<li><a href="#">角色:234</a></li>
</ul>
</div>
</div>
</div>
<div class="depart_main fl">
<div class="main-top">
<ul>
<li class="main-name">用户列表</li>
<li class="main-checkbox"><input name="" type="checkbox" value="" /></li>
<li>全选</li>
<li class="main-checkbox"><input name="" type="checkbox" value="" /></li>
<li>反选</li>
</ul>
</div>
<div class="name-list">
<ul>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
</ul>
</div>
<div class="name-list">
<ul>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
</ul>
</div>
<div class="main-foot">
<input name="" type="button" onclick="test();" value="确定"/>
<input name="" type="button" value="关闭"/>
</div>
</div>
<form id = 'form1'>
<input id="file123" type="text" value="file123" />
<input name="" type="text" value="main-checkbox" class='main-checkbox' />
<input name="" type="text" value="main-name" class='main-name' />
<input name="" type="text" value="main-checkbox main-name" class='main-checkbox main-name' />
<input name="" type="file" value="abcd" />
<input name="" type="" id="luowang" value="louwang" />
</form>
</div>
</body>
</html>
function replaceSpecialCh(formId){
if(formId!=null && formId !='' && typeof(formId)!='undefined' ){
$('#'+formId).find("input:not([id^='file']),textarea").each(function(){
this.value = this.value.replace(/"/g, '"').replace(/'/g, ''');
});
}else{
}
}
对一些特殊页面火狐会报“detailed error: SecurityError: The operation is insecure.”,发现我试图修改file类型的值,后来改为:
function replaceSpecialCh(formId){
if(formId!=null && formId !='' && typeof(formId)!='undefined' ){
$('#'+formId).find("input:not([id^='file'], [type=file],.filebox-f .textbox-f),textarea").each(function(){
this.value = this.value.replace(/"/g, '"').replace(/'/g, ''');
});
}else{
}
}
成功了。
以下为测试代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale = 1.0, user-scalable = no">
<title>用户表单</title>
<link href="css/basic.css" type="text/css" rel="stylesheet" media="screen">
<link href="css/global.css" type="text/css" rel="stylesheet" media="screen">
<script src="js/jquery.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript">
function test(){
$('#form1').find("input:not(.main-checkbox,.main-name,[type=file],[id^=file]),textarea").each(function(){
alert(this.value);
this.value = this.value.replace(/"/g, '"').replace(/'/g, ''');
});
}
</script>
</head>
<body>
<div class="department clearfix">
<div class="depart-top clearfix">
<div class="sec-s fr"> <span class="fl">姓名:</span><input name="" type="text" class="sec-text fl"/><input name="" type="button" value="查询" class="sec-btn fl"/></div>
</div>
<div class="depart-aside fl">
<ul class="tab-ul">
<li>部门 </li>
<li>群组 </li>
<li>角色 </li>
</ul>
<div>
<div class="tab mt10">
<ul class="tab-list">
<li><a href="#">部门部门部门:234</a></li>
<li><a href="#">部门:234</a></li>
<li><a href="#">部门:234</a></li>
<li><a href="#">部门:234</a></li>
<li><a href="#">部门:234</a></li>
<li><a href="#">部门:234</a></li>
</ul>
</div>
<div class="tab mt10" style="display:none">
<ul class="tab-list">
<li><a href="#">群组:234</a></li>
</ul>
</div>
<div class="tab mt10" style="display:none">
<ul class="tab-list">
<li><a href="#">角色:234</a></li>
</ul>
</div>
</div>
</div>
<div class="depart_main fl">
<div class="main-top">
<ul>
<li class="main-name">用户列表</li>
<li class="main-checkbox"><input name="" type="checkbox" value="" /></li>
<li>全选</li>
<li class="main-checkbox"><input name="" type="checkbox" value="" /></li>
<li>反选</li>
</ul>
</div>
<div class="name-list">
<ul>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
</ul>
</div>
<div class="name-list">
<ul>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
<li><input name="" type="checkbox" value="" /><span>张三</span></li>
</ul>
</div>
<div class="main-foot">
<input name="" type="button" onclick="test();" value="确定"/>
<input name="" type="button" value="关闭"/>
</div>
</div>
<form id = 'form1'>
<input id="file123" type="text" value="file123" />
<input name="" type="text" value="main-checkbox" class='main-checkbox' />
<input name="" type="text" value="main-name" class='main-name' />
<input name="" type="text" value="main-checkbox main-name" class='main-checkbox main-name' />
<input name="" type="file" value="abcd" />
<input name="" type="" id="luowang" value="louwang" />
</form>
</div>
</body>
</html>
相关文章推荐
- jquery 事件重复
- jquery ui datepicker中文显示
- jquery 拖拽介绍
- Jquery判断是不是移动设备浏览
- jquery iframe自适应高度
- jquery的checked
- jquery html5 上传图片并且 图片回显
- jquery实现checkbox复选框的全选反选
- jQuery学习笔记3--网页字体变大变小
- 用户注册验证_基于jquery validate
- $.grep ,$.map,jquery筛选数组之grep、each、inArray、map的用法及遍历json对象
- jquery页面刷新
- jquery qrcode二维码生成插件
- jQuery中extend()和fn.extend()方法详解
- jquery中添加属性和删除属性
- jQuery事件绑定on()、bind()与delegate() 方法详解
- jquery 防止按钮二次点击
- jQuery插件jqplot的详细配置说明和渲染器
- jquery选择器,逗号
- Jquery 获取CheckBoxList 中选择的值和获取RadioButton 选中的状态