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" />
分享到:
相关推荐
threejs 光效shader所用图片 2threejs 光效shader所用图片 2threejs 光效shader所用图片 2threejs 光效shader所用图片 2threejs 光效shader所用图片 2threejs 光效shader所用图片 2threejs 光效shader所用图片 2...
threejs 光效shader所用图片 1threejs 光效shader所用图片 1threejs 光效shader所用图片 1threejs 光效shader所用图片 1threejs 光效shader所用图片 1threejs 光效shader所用图片 1threejs 光效shader所用图片 1...
JavaScript RSA_DEMO 使用的资源包括 RSA.js、BigInt.js 和 Barrett.js 这三个核心文件,以及一个集成这三者的 rsa1.js 文件。RSA 是一种非对称加密算法,广泛应用于网络数据的安全传输,如数字签名、身份验证等场景...
在Web应用中,JavaScript(JS)作为客户端脚本语言,经常被用来实现即时通讯功能,因为其在浏览器端运行,能够与用户进行交互并处理实时数据更新。下面将详细探讨即时通讯系统中JavaScript的运用及其关键技术点。 ...
本文将详细探讨"日历及其所用的js"这一主题,主要聚焦于JavaScript(js)在创建日历功能中的应用。 首先,JavaScript是一种广泛使用的客户端脚本语言,它允许在用户的浏览器上运行代码,为网页添加交互性。在日历...
"异步数据加载时,所用的等待组件,JS源码,类似于UI Block"这个标题揭示了一个关键的组件,它在数据加载期间用于阻止用户界面(UI)的交互,确保数据完整加载后再恢复正常操作。这种组件通常被称为“加载指示器”或...
从给定的文件信息来看,我们正在探讨的主题是Selenium Core在执行自动化测试时所使用的JavaScript代码。Selenium Core是一个用于Web应用程序测试的框架,它允许开发者编写脚本以模拟用户与网页的交互,从而进行功能...
mqtt.js库,下载后可以用找我要源码和压缩文件(mqtt.min.js),有问题随时请教
h5结合vue开发页面所使用的js包 h5结合vue开发页面所使用的js包 h5结合vue开发页面所使用的js包 h5结合vue开发页面所使用的js包 h5结合vue开发页面所使用的js包 h5结合vue开发页面所使用的js包
“框架知识1所用js文件”可能包括: 1. 前端框架:如jQuery.js,提供DOM操作、事件处理、动画效果等功能。 2. UI组件库:如Bootstrap的bootstrap.js,包含响应式布局和常见UI元素。 3. AJAX库:如axios.js,用于异步...
破解微信小程序开发者工具所用的js文件下载 替换目录(不同操作系统目录可能不同,在安装目录下很容易找到): package.nw\app\dist\stroes package.nw\app\dist\components\create
在ArcGisForJs中,`dojo.js`是Dojo Toolkit的基础,它是一个强大的JavaScript库,提供了模块化、事件处理、动画等功能,为ArcGisForJs提供了坚实的底层支持。而`init.js`文件通常包含了初始化地图和设置全局变量的...
本篇将详细讲解如何利用`jkl-dumper.js`和`ObjTree.js`这两个JavaScript插件来实现JSON与XML之间的格式转换。 首先,`jkl-dumper.js`是一个JavaScript库,主要用于将JavaScript对象转换为可读性强的字符串,便于...
在JavaScript环境下,为了实现二维码中包含中文字符,我们需要借助特定的库或插件,如本话题中提到的"utf.js"。这个插件允许我们在生成的二维码中使用UTF-8编码,确保中文字符能够正确地被编码和解码。 首先,我们...
标题中的“draco 文件 three.js 解析glb所用”指出了Three.js库如何处理使用draco压缩格式的glb文件。glb是一种二进制文件格式,它是GL Transmission Format (gltf)的压缩版本,用于存储3D场景和模型的数据,包括...
ECharts是一款由百度开发的,基于JavaScript的数据可视化库,它提供了丰富的图表类型,美观的视觉效果,以及易于使用的API和灵活的配置项。在离线环境中使用ECharts进行地图绘制时,通常会涉及到js和json文件,这些...
此外,可能还需要其他辅助库,如Freemarker或Velocity作为视图模板引擎,或者Dojo、jQuery等JavaScript库来增强前端交互。 在版本选择上,"2.3"和"3.0"可能是Struts和Hibernate的版本号,这表明提供的jar包可能适用...
作用:可以对javascript的大小进行压缩。使javascript的加载速度变快。 用法: 在 cmd下面输入的东西; cscript ESC.wsf -l 3 -ow ../global.js ...所用压缩包在附件 还有帮助文档 使用的例子见压缩包中的图片。
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它在客户端运行,为用户提供动态、交互式的用户体验。在这个“javascript实现注册表单”的项目中,我们将会探讨如何使用JavaScript来创建一个功能丰富的...
7. `font` 文件夹可能包含video.js播放器图标所用的字体资源。 综合以上信息,这个压缩包提供了创建一个全面、自适应的在线视频播放器所需的所有资源,包括HTML5和Flash的播放支持、自适应布局、字幕功能以及可定制...