脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js验证input输入框

JS验证input输入框（字母，数字，符号，中文）

 更新时间：2017年03月23日 17:25:56   作者：gqsunrise  
本文主要介绍了JS验证input输入框（字母，数字，符号，中文）的方法。具有很好的参考价值。下面跟着小编一起来看下吧

只能输入英文

<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')">

只能输入英文

<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')"
onkeydown="fncKeyStop(event)" onpaste="return false"
oncontextmenu="return false" />

无法粘贴，右键不会弹出粘贴菜单

只能输入数字：

<input onkeyup="this.value=this.value.replace(/\D/g,'')"
onafterpaste="this.value=this.value.replace(/\D/g,'')">

只能输入数字，小数点：

<input name="price" type="text"
onkeyup="value=value.replace(/[^\d\.]/g,'')">

只能输入数字，小数点，下划线：

<input name="price" type="text"
onkeyup="value=value.replace(/[^\d\._]/g,'')">

只能输入英文和数字：

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

只能输入汉字：

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

禁止输入法输入：

<input type="text" style="ime-mode: disabled">

无法切换输入法

只能输入中文、英文、数字、@符号和.符号：

<input type="text"
onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')">

不能为空：

<input onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')">

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • 前端面试的底气之实现一个深拷贝

    前端面试的底气之实现一个深拷贝

    最近学到一个有关深拷贝的实现方法,为加深印象,这里给大家分享一下,下面这篇文章主要给大家介绍了关于前端面试的底气之实现一个深拷贝的相关资料,需要的朋友可以参考下
    2022-05-05
  • 调试Node.JS的辅助工具(NodeWatcher)

    调试Node.JS的辅助工具(NodeWatcher)

    Node.JS调试貌似比较麻烦,每次改完了要重启一下Node进程.GOOGLE上有个NPM模块,可以监控JS文件的更改,然后自动重启Node.但我下载后在windows里运行报错
    2012-01-01
  • javascript实现京东快递单号的查询效果

    javascript实现京东快递单号的查询效果

    这篇文章主要为大家详细介绍了javascript实现京东快递单号的查询效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-11-11
  • 不错的用外部Javascript修正特定网页内容

    不错的用外部Javascript修正特定网页内容

    不错的用外部Javascript修正特定网页内容...
    2007-08-08
  • setTimeout学习小结

    setTimeout学习小结

    本文主要介绍了setTimeout原理；setTimeout(function(){..},0)的意义；setTimeout的this指向和参数问题。具有很好的参考价值，下面跟着小编一起来看下吧
    2017-02-02
  • JavaScript降低代码圈复杂度优化技巧

    JavaScript降低代码圈复杂度优化技巧

    当一个项目经过持续迭代,不断增加功能,逐渐变成一个复杂的产品时,新功能的开发变得相对困难,其中一个很大的原因是代码复杂度高,导致可维护性和可读性都很差,本文将从前端JavaScript的角度出发,介绍一些有效的方法和技巧来优化前端代码的圈复杂度
    2023-10-10
  • 微信小程序rich-text富文本用法实例分析

    微信小程序rich-text富文本用法实例分析

    这篇文章主要介绍了微信小程序rich-text富文本用法,结合实例形式分析了微信小程序rich-text富文本插件的功能、用法及相关操作注意事项,需要的朋友可以参考下
    2019-05-05
  • 基于JavaScript实现购物车功能

    基于JavaScript实现购物车功能

    这篇文章主要为大家详细介绍了基于JavaScript实现购物车功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 微信小程序转换uniapp的迁移步骤以及遇到的问题总结

    微信小程序转换uniapp的迁移步骤以及遇到的问题总结

    最近公司有个需求,第一次遇到,把原生的微信小程序代码转换为uni-app项目,下面这篇文章主要给大家介绍了关于微信小程序转换uniapp的迁移步骤以及遇到问题的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-07-07
  • js fromCharCode输出26个字母的代码

    js fromCharCode输出26个字母的代码

    这个代码比较简单主要是用到了fromCharCode的特性
    2008-11-11

最新评论