`
pcajax
  • 浏览: 2158902 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

脚本(js)控制页面输入

阅读更多


简单介绍:

IE中的event有很多keyCode,并且在不同的事件(onkeydown,onkeypress,onkeyup)中同一个键的keyCode也有可能不同。

onkeydown Event    Fires when the user presses a key.
    对于字母大小写不区分keyCode,a-z/A-Z的keyCode都是65-90
    对于数字和小键盘的数字区分keyCode,0-9的keyCode是48-57,小键盘的数字0-9为96-105

onkeypress Event    Fires when the user presses an alphanumeric key.
    与onkeydown刚好相反
    对于字母大小写区分keyCode,a-z/A-Z的keyCode都是65-90
    对于数字和小键盘的数字区分keyCode,0-9的keyCode是48-57,小键盘的数字0-9为96-105

onkeyup Event        Fires when the user releases a key.


1、只能输入字母、数字,且把小写字母转换成大写字母
<script language="javascript">
function checkChar() {
    if ((event.keyCode < 48 && event.keyCode != 45)
        || (event.keyCode > 57 && event.keyCode < 65)
        || (event.keyCode > 90 && event.keyCode < 97)
        || event.keyCode > 122) {
        event.returnValue = false;
    }   
    if (event.keyCode >= 97 && event.keyCode <= 122) {
        event.keyCode -= 32;
    }
}

//因为这种做法不能防止用户拷贝中文,或者采用中文输入法输入中文
//所以只能在提交时,再次检查一下文本的值,并进行大小写转换
function check() {    
    var objVal = document.all("name").value;
    var charCode = "";
    var returnObj = "";
    for (var i = 0; i < objVal.length; i++) {
        charCode = objVal.charCodeAt(i);       
        if ((charCode < 48 && charCode != 45)
            || (charCode > 57 && charCode < 65)
            || (charCode > 90 && charCode < 97)
            || charCode > 122) {
            alert("'" + objVal.charAt(i) + "' 该字符不合法,请输入字母、数字或中划线-!");
            return false;                       
        }
        if (charCode >= 97 && charCode <= 122) {
            charCode -= 32;
        }
        returnObj += String.fromCharCode(charCode);
    }
    document.all("name").value = returnObj;
    return true;   
}
</script>

<input type="text" name="name" onkeypress="checkChar()" onpaste="return false;">
<input type="button" name="btn" onclick="check()">

2、以下是在网上转载的别人的代码,觉得比较好,就摘抄下来
<script language=jscript>
function number() {
    var char = String.fromCharCode(event.keyCode);
    alert("number:"+char);
    var re = /[0-9]/g;
    event.returnValue = char.match(re) != null ? true : false
}

function filterInput() {
    alert("filterInput:"+event.type);
    if (event.type.indexOf("key") != -1) {
        var re = /37|38|39|40/g
        if (event.keyCode.toString().match(re)) return false
    }   
    event.srcElement.value = event.srcElement.value.replace(/[^0-9]/g, "")
}

function filterPaste() {
    var oTR = this.document.selection.createRange();
    var text = window.clipboardData.getData("text");
    oTR.text = text.replace(/[^0-9]/g, "");
}
</script>

<input onkeypress="number()" onkeyup="filterInput()" onchange="filterInput()" onbeforepaste="filterPaste()" onpaste="return false" style="ime-mode: disabled">

另外一点:
<script type="text/javascript"><!-- google_ad_client = "pub-6770445892601887"; /* 468x60, 创建于 09-11-19 */ google_ad_slot = "4437639877"; google_ad_width = 468; google_ad_height = 60; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> 本人用的是struts,本来想采用第二种方法的,结果struts居然不支持text的onpaste方法,郁闷那。

分享到:
评论

相关推荐

    实用js页面脚本

    除此之外,"实用js页面脚本"可能还涉及了函数、数组、对象、正则表达式等JavaScript核心概念。函数是可重复使用的代码块,可以通过参数传递值并返回结果。数组和对象是两种重要的数据结构,数组用于存储有序的元素...

    页面输入前台JS验证通用脚本

    "页面输入前台JS验证通用脚本"就是这样一个工具,它提供了一种灵活的方式,适用于多种项目需求,允许开发者自定义参数和正则表达式以满足特定的验证规则。 JavaScript(简称JS)是一种轻量级的解释型编程语言,广泛...

    页面常用的JS脚本小结

    JavaScript,简称JS,是网页开发中不可或缺的一部分,主要用于实现页面的动态效果和交互性。这里我们来详细探讨一下"页面常用的JS脚本"这一主题,以及如何利用它们提升用户体验。 1. **DOM操作**:JavaScript通过...

    网页js脚本注入,可执行任意代码。

    JS脚本注入是一种常见的网页攻击手法,通过注入恶意脚本来控制网页的行为。在这个实例中,我们将展示如何使用JS脚本注入来突破网页本地脚本验证方法,跳过验证码,并自动批量查询信息。 网页JS脚本注入的基本理论是...

    JavaScript脚本精华-JS脚本精华

    本压缩包"JavaScript脚本精华"汇集了大量JS脚本源代码,是学习和提升JavaScript技能的重要资源。 1. **基础语法**:JS的基础包括变量、数据类型(如字符串、数字、布尔值、对象、数组、null和undefined)、运算符、...

    JavaScript脚本语言用户页面注册代码

    ### JavaScript脚本语言在用户页面注册中的应用 在现代网页开发中,JavaScript作为一种重要的客户端脚本语言,被广泛应用于各种动态交互场景。特别是在用户注册页面的设计与实现上,JavaScript能够提供丰富的功能,...

    JS 广告脚本 各种web页JS广告脚本

    在"JS广告脚本"这个主题中,我们主要探讨的是如何利用JavaScript来实现各种网页广告的展示、交互和跟踪效果。 一、JavaScript广告脚本基础 JavaScript广告脚本主要涉及DOM操作、事件处理和Ajax异步请求等技术。DOM...

    JS脚本集合 大全 JS脚本集合 大全

    这个“JS脚本集合大全”包含了多种JavaScript脚本,可能是用于各种功能的实现,比如页面特效、表单验证、数据处理等。 JavaScript的核心概念包括变量、数据类型、控制结构(如条件语句和循环)、函数、对象和类。...

    js 脚本程序大全 js 脚本程序大全

    3. **Ajax**:异步JavaScript和XML技术,实现页面无刷新的数据交换。 4. **动画效果**:通过控制CSS样式改变,实现各种动态效果。 5. **Web应用**:结合服务器端技术如Node.js,构建全栈式Web应用程序。 JavaScript...

    权限控制,js控制js控制js控制权限控制

    在IT行业中,权限控制是确保系统安全性和数据保护的关键机制,尤其在Web应用程序中,JavaScript作为客户端脚本语言,其在权限控制中的角色至关重要。本文将深入探讨JavaScript如何实现权限控制,以及它在这个过程中...

    40种网页常用脚本(javascript)

    根据给定文件的信息,我们可以总结出40种网页常用脚本(JavaScript)中的一部分关键知识点。这些脚本在网页开发中极为常见,并被广泛应用于控制用户交互、优化用户体验及实现特定功能等方面。以下是对文件中提及的...

    js个人脚本示例

    JavaScript是一种基于对象和事件驱动的脚本语言,它支持变量、数据类型(如字符串、数字、布尔值、null和undefined)、操作符(包括算术操作符、比较操作符、逻辑操作符等)、流程控制(如条件语句if...else、switch...

    js脚本攻击大全

    ### JS脚本攻击详解 #### 一、XSS(跨站脚本)攻击概述 XSS(Cross Site Scripting),即跨站脚本攻击,是一种常见的网络安全漏洞,它允许攻击者将恶意脚本注入到看似可信的网站上。当用户浏览这些被注入恶意脚本...

    js脚本js脚本

    在网页开发中,JS能够处理用户输入、操作DOM(文档对象模型)、进行异步通信(Ajax)、动画效果以及实现各种复杂的网页应用功能。 在JavaScript中,有以下几个核心概念和知识点: 1. 变量与数据类型:JS是动态类型...

    js个人脚本收藏,脚本特效,脚本验证、判断

    JavaScript,简称JS,是一种轻量级的解释型编程语言,广泛应用于网页和网络应用开发,尤其是前端开发领域。它能够使网页动态化,提供交互性,实现丰富的用户体验。本资源集合了作者个人收藏的JavaScript脚本,包含了...

    网页javascript脚本语言提取器

    JavaScript是一种广泛应用于网页开发的脚本语言,它允许在用户浏览器上动态地更新内容,实现交互性和动画效果。"网页JavaScript脚本语言提取器"是一个工具,专门设计用于从网页中抓取并分析JavaScript代码,这在进行...

    山东大学选网课脚本 将js文件中的代码复制粘贴至浏览器控制台中,按下回车自动执行代码。

    3. **网页自动化**:网页自动化技术通常包括Selenium、Puppeteer等工具,但在这个场景下,脚本开发者可能只是用JavaScript直接操作DOM(文档对象模型),以控制网页元素,比如按钮点击、表单提交等。 4. **事件监听...

    智能开关控制页面前端

    JavaScript则负责处理页面的交互逻辑,包括接收用户输入、触发事件(如点击开关按钮)以及与服务器进行数据通信,实现远程控制功能。通过JavaScript库如jQuery或原生API,可以实现更为复杂的功能,如动画效果和异步...

    js经典脚本

    在“js经典脚本”这个主题中,我们可以深入探讨JavaScript的核心概念、常见应用以及一些经典脚本实例。 1. **JavaScript基础**: - 变量:JavaScript中的变量是动态类型的,可以用来存储不同类型的数据,如字符串...

Global site tag (gtag.js) - Google Analytics