`
lvjun106
  • 浏览: 436789 次
  • 性别: Icon_minigender_1
  • 来自: 芜湖
社区版块
存档分类
最新评论

页面输入控制 持续更新中……

 
阅读更多
// ----------------------------------------------------------------------
// <summary>
// 限制只能输入数字
// </summary>
// ----------------------------------------------------------------------
$.fn.onlyNum = function () {
    $(this).keypress(function (event) {
        var eventObj = event || e;
        var keyCode = eventObj.keyCode || eventObj.which;
        if ((keyCode >= 48 && keyCode <= 57))
            return true;
        else
            return false;
    }).focus(function () {
    //禁用输入法
        this.style.imeMode = 'disabled';
    }).bind("paste", function () {
    //获取剪切板的内容
        var clipboard = window.clipboardData.getData("Text");
        if (/^\d+$/.test(clipboard))
            return true;
        else
            return false;
    });
};

 

// ----------------------------------------------------------------------
// <summary>
// 限制只能输入字母
// </summary>
// ----------------------------------------------------------------------
$.fn.onlyAlpha = function () {
    $(this).keypress(function (event) {
        var eventObj = event || e;
        var keyCode = eventObj.keyCode || eventObj.which;
        if ((keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))
            return true;
        else
            return false;
    }).focus(function () {
        this.style.imeMode = 'disabled';
    }).bind("paste", function () {
        var clipboard = window.clipboardData.getData("Text");
        if (/^[a-zA-Z]+$/.test(clipboard))
            return true;
        else
            return false;
    });
};

 

// ----------------------------------------------------------------------
// <summary>
// 限制只能输入数字和字母
// </summary>
// ----------------------------------------------------------------------
$.fn.onlyNumAlpha = function () {
    $(this).keypress(function (event) {
        var eventObj = event || e;
        var keyCode = eventObj.keyCode || eventObj.which;
        if ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 97 && keyCode <= 122))
            return true;
        else
            return false;
    }).focus(function () {
        this.style.imeMode = 'disabled';
    }).bind("paste", function () {
        var clipboard = window.clipboardData.getData("Text");
        if (/^(\d|[a-zA-Z])+$/.test(clipboard))
            return true;
        else
            return false;
    });
};

 使用方法:

$(function () {
    // 限制使用了onlyNum类样式的控件只能输入数字
    $(".onlyNum").onlyNum();
    //限制使用了onlyAlpha类样式的控件只能输入字母
    $(".onlyAlpha").onlyAlpha();
    // 限制使用了onlyNumAlpha类样式的控件只能输入数字和字母
    $(".onlyNumAlpha").onlyNumAlpha();
   });

 

分享到:
评论

相关推荐

    frontend-notes:前端小笔记持续更新笔记……

    【标题】:“前端小笔记”是一个关于前端开发的学习资源,主要关注JavaScript这门语言,并且在不断更新中,旨在帮助开发者记录和深化前端知识。 【描述】:这个项目是一个个人前端学习笔记的集合,作者通过它来记录...

    虚拟软件使用说明书v1.0.pdf

    - **重复执行**:类似C语言中的`while(1)`循环,持续执行直至中断。 - **如果……那么……**:类似于C语言中的`if`语句。 - **如果……那么……否则……**:类似于C语言中的`if...else`语句。 - **等待直到**:...

    Web安全性测试1

    Web安全性测试是确保网站及其应用程序在面临恶意攻击和未经授权访问时能够有效保护用户数据和系统安全的重要环节。...同时,持续关注最新的安全威胁和防御策略,不断更新测试方法,以应对日益复杂的网络攻击。

    陌陌网页版怎么登陆.docx

    1. **打开官方链接网址**:首先,在浏览器地址栏输入陌陌网页版的官方链接地址,进入登录页面。 2. **输入登录凭证**:在登录界面,用户可以选择输入陌陌号、注册时使用的邮箱或手机号,并输入对应的密码。 3. **...

    DevJam:从前端到后端的Web开发入门,就像看您喜欢的电视节目一样,在这种情况下,您可以让节目进行到底,然后狂欢一下,或者您可以继续前进……让冒险开始

    在DevJam中,你将学习如何使用CSS来控制颜色、字体、布局以及响应式设计,确保你的网页在不同设备上都能良好显示。你还将接触到CSS预处理器,如Sass或Less,它们可以简化CSS编写,提高代码的可维护性。 接下来,...

    实现类似Office助手的小精灵

    const Name表示语音命令的标识,参数Caption表示该命令在输入命令窗口中的显示标题, 参数Voice表示该命令对应的语句。当用户通过麦克风向动画人物发出语音命令时,触发 Agent的Command事件,因此我们可以另外编写...

    MFNttps.github.io

    这个项目的开发者持续探索和更新各种方法,帮助安全研究人员和攻防双方了解和应对潜在的安全威胁。在深入解析这个项目之前,我们需要先理解一些基本概念。 **HTML(HyperText Markup Language)**是构建网页的基础...

    KODExplorer 芒果云-资源管理器

    文件夹拖拽上传……。 - 在线编程:支持几乎所有编程语言的在线编辑(高亮,多光标编辑.堪比本地的sublime) - 极佳的操作体验:及其便捷的快捷键支持,让你拥有本地化的体验 - 中文等多语言支持:中文编码全面兼容,...

    The Django Book 2.0中文

    4. "教程重要说明及更新链接点击这个文本.txt" - 这个文件可能包含关于教程的重要注释、更新信息,或者指向最新资料的链接,对于持续学习和获取最新知识至关重要。 5. "Linux公社www.linuxidc.com.url" - 这是一个...

    AgroMod:唯一的Agar.io合并计时器「AgroMod: The Only Agar.io Merge Timer」-crx插件

    我会尝试不时地进行更新,但这对我来说是一个附带项目,随着站点扩展的扩展,扩展会随着时间的推移逐渐增加新的错误……所以,请耐心等待! 同时,如果您有功能要求或错误报告,请随时通过Chrome商店与我联系。 支持...

    Pricescout Google Chrome:trade_mark:「Pricescout for Google Chrome:trade_mark:」-crx插件

    ………………………… 它是如何工作的? 访问在线商店或与产品相关的网页后,Pricesout会激活并在后台分析此页面的内容,以读取所提供产品的所有相关属性。 如果Pricecout找到更好的价格或优惠券,它只会在您的Web...

    EUCMS智能建站系统(含手机站) v5.10.20

    EUCMS管理团队会持续添加,修复,升级,更新,行内流行的各种功能,敬请期待。 EUCMS内容管理系统更新日志: 2021.04.21 修复信息批量设置时报错的问题 2021.02.03 后台信息列表增加点击数 2020.12.27 修复自定义...

    电子商务设计师真题06年和07年

    确保系统中没有孤立的页面存在 (5) F 【问题.检测用户身份识别和授权功能 (6) 3 】( 2 某程序流程分图)如图 3-1 所示。其中 A 、 B 、 C 均为二进制数, X 、 Y 、 Z 的初值均为 0, 如果对此流程进行多重覆盖...

Global site tag (gtag.js) - Google Analytics