常用JS代码整理

摘要: 整理了一些新手常用的JS代码，大神勿喷

1、正则验证7位字符串

var order_no = $.trim($('#order_no').val());
var re = /^[a-z]{2}[0-9]{5}$/;
if(deal_no.length!=7||!re.test(deal_no)){
alert('交易号必须是7位，2位字母，5位数字');
return false;
}

2、点击回车触发事件

// 点击回车搜索 jquery
$("body").keydown(function(event) {
if (event.keyCode =="13"){
$('.img_sch').click();
}
})
// js
document.onkeydown = function(e){
var ev = document.all ? window.event : e;
if(ev.keyCode==13) {
$('#FormId').submit();//处理事件
}
}

3、thinkphp框架，JS中使用变量生成URL

1、URL跳转
//跳转到结果显示页面
var id = ret.id;
var url2 = '{:U('Order/result','','')}'; //更改URL模式
var urll = url2+'/id/'+id;                //传入参数
window.location.href = urll;          //跳转
2、取本地缓存刷新页面​
location.reload(false);   //取本地缓存刷新页面
3、ajax返回结果转换格式
alert(JSON.stringify(ret));   //将ret转换成json

4、JS中接收后台assign变量

var keywords = '{$keywords}';

5、JS刷新本地页面的几种方法

Javascript刷新页面的几种方法：
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href

6、jQuery获取select相关值

第一种方式
$('#testSelect option:selected').text();//选中的文本
$('#testSelect option:selected') .val();//选中的值
$("#testSelect ").get(0).selectedIndex;//索引

第二种方式
$("#tesetSelect").find("option:selected").text();//选中的文本
$("#tesetSelect").find("option:selected").val();//选中的值
$("#tesetSelect").find("option:selected").get(0).selectedIndex;//选中的索引

$("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
$("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
$("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
$("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
$("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option

7、jQuery中input输入框绑定回车事件（enter提交）

// 方法 1：keydown事件
$("#applyCertNum").keydown(function(e) {
if (e.keyCode == 13) {
alert("12345....");
}
});

// 方法 2：绑定keypress事件
$('#applyCertNum').bind('keypress',function(event){
if (event.keyCode == 13) {
alert("12345....");
}
});

// 方法 3：使用on绑定keypress事件
$('#applyCertNum').on('keypress',function(event){
if (event.keyCode == 13) {
alert("12345....");
}
});

8、禁止input标签回车自动提交表单

// 下面的input获得焦点后按回车form不会自动提交
<input type="text" onkeydown="if(event.keyCode==13)$('.submit').click();return false;">