zoukankan      html  css  js  c++  java
  • js控制输入框

    1、取消按钮按下时的虚线框

    在input里添加属性值 hideFocus 或者 HideFocus=true

    2、只读文本框内容

    在input里添加属性值 readonly

    3、防止退后清空的TEXT文档

    <INPUT style="behavior:url(#default#savehistory)" type="text">
    也可以把style内容做为类引用,比如:
    .saveHistory{behavior:url(#default#savehistory)}
    <INPUT class="saveHistory" type="text">

    4、ENTER键可以让光标移到下一个输入框

    <input onkeydown="if(event.keyCode==13)event.keyCode=9" >

    5、只能为中文(有闪动),设定文本框只能输入中文

    <input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9">

    6、只能为数字(有闪动),设定文本框只能输入数字

    <input onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

    7、只能为数字(无闪动)

    <input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onKeyPress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false">

    8、只能输入英文和数字(有闪动),设定文本框只能输入英文和数字

    <input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

    9、屏蔽输入法

    <input type="text" name="url" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9">

    10、只能输入 数字,小数点,减号(-) 字符(无闪动)

    <input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false">

    11、只能输入两位小数,三位小数(有闪动)

    <input maxlength=9 onkeyup="if(value.match(/^\d{3}$/))value=value.replace(value,parseInt(value/10)) ;value=value.replace(/\.\d*\./g,'.')" onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || value.match(/^\d{3}$/) || /\.\d{3}$/.test(value)) {event.returnValue=false}" id=text_kfxe name=text_kfxe>

    作者:Jackhuclan
    出处:http://jackhuclan.cnblogs.com/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    MySQL导出数据库、数据库表结构、存储过程及函数
    个人支付接口
    C# WPF,XAML 跨平台应用框架
    uniapp 第三方组件库
    C语言图形界面库
    微信小程序 获取cookie 以及设置 cookie
    stm32资源网
    找最长连续重复字母子串
    asp .net web api Swagger简单实用
    跨域问题
  • 原文地址:https://www.cnblogs.com/jackhuclan/p/883913.html
Copyright © 2011-2022 走看看