1:简单的JS验证手机号码:
function isTel(objectName){
var num=objectName.value;
var partten = /^1\d{10}$/;
if(partten.test(num)){
alert('是电话号码');
return true;
}else{
alert('不是电话号码');
return false;
}
}
2:trim函数:
function trim(arg){
if(arg.length==0){
return '';
}
for(var i=0;i<arg.length;i++){
var onechar=arg.charAt(i);
if(onechar!=' '){
break;
}
}
arg=arg.substring(i,arg.length);
if(arg.length==0){
return '';
}
for(var i=arg.length;i>0;i--){
var onechar=arg.charAt(i-1);
if(onechar!=' '){
break;
}
}
arg=arg.substring(0,i);
return arg;
}
3:判断是否为空
function isNullOrBlank(arg){
arg=trim(arg+' ');
if(arg.length==0){
return true;
}
else{
return false;
}
}
4:监听键盘上按键所触发的事件:
$(function(){ $(document).keypress(function(){ enterHandler(window.event); }); }); function enterHandler(event){ //var event=eventTag||windows.event; event = (event) ? event : ((window.event) ? window.event : "") var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode; alert('keycode----'+keyCode); if (keyCode == 46) { delReceiver(); } }
其中keyCode就是按键所对应的按键值,通过判断按键值可以做一些你想要的操作。46为delete键,另外我发现当使用keypress事件时只能捕捉到小键盘区域的.(Del)键,但是如果用keydown事件就能捕捉到insert键下面的Delete键。。。
另附:
键盘键值表原地址:http://hi.baidu.com/giliwala/blog/item/97659c3d78974c00baa1678a.html
5:弹出窗口向页面传值
首先是window.open()方法传值:
window.opener.document.getElementById("receivers");
其次是window.showModalDialog()方法:
window.dialogArguments.document.getElementById("receivers");
6:全选效果:
首先在页面中定义一系列的名称为checkList的复选框,然后将其中一个
<input type="checkbox" id="checkAll12" name="checkList" onclick='javascript:selectAll();'/>
定义为触发全选事件的复选框。JS如下:
function selectAll(){ var t=document.getElementsByName("checkList"); if(t.length>1&&t[0].checked){ for(i=0;i<=(t.length-1);i++){ t[i].checked=true; } }else if(t[0].checked == false){ for(i=0;i<=(t.length-1);i++){ t[i].checked=false; } } }
JS中t[0]就是你所定义的触发全选事件的复选框。附加一个取得所有复选框的值,并合并成一个字符串的JS:
function clearAllSM(){ var t=document.getElementsByName("checkList"); var str=""; for(i=0;i<=(t.length-1);i++){ if(t[i].checked==true){ str=str+t[i].value+"@"; } } if(str==""){ alert("请选择删除的选项"); }else{ if(str.indexOf("on")>-1){ str=str.substring(3,str.length); } if(!confirm("确认删除选中的选项吗?")){ return; } document.location.href="P334_batchdelete.jsp?strrr="+str; } }
7:页面全屏效果:
第一种,从另外页面调用JS,使新打开的页面全屏:
function newwindow(url) { var x=screen.availwidth-10; var y=screen.availheight-25; var s=open(url,"","fullscreen=yes,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,width="+x+",height="+y+",top=0,left=0"); if (!s) alert("您的浏览器启动了禁止弹出窗口的功能,运行本系统需关闭此功能!"); else { this.focus(); this.opener=null; this.close(); s.focus(); } }
第二种:在本页面加载的时候,调用JS使本页面全屏,不过此方法限制颇多,在本机上和IE上效果尚可,其他情况下就不甚理想了。
function goResize() { var x=screen.availwidth-10; var y=screen.availheight-25; if(this.name!='FullWnd'){ window.open(location.href,'FullWnd','fullscreen=yes,scrollbars=no,toolbar=no,location=no,menubar=no,directories=no,resizable=yes,width='+x+',height='+y+',top=0,left=0'); this.parent.opener=null; this.parent.open("","_self"); this.parent.close(); } } <body onload="goResize()">
8:大家有时候可能需要时复选框不可编辑,但又要取的它的值,所以用disabled是不行的,readonly却又可以编辑,在网上找到了一种解决办法:
<input type="checkbox" onclick="return false;">
9:禁止页面点击右键出现菜单:
<body oncontextmenu="return false">
10:禁止用户输入特殊字符:
<input type="text" id="fwry" style="width:200px;" onkeyup="value=value.replace(/[%|#|\$|@|\^|&|\*]+$/g,'')" maxlength="20" />