HTML5技术

input输入框校验,字母,汉字,数字等 - 张宇凡20

字号+ 作者:H5之家 来源:H5之家 2017-03-30 09:01 我要评论( )

!DOCTYPE html html head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" title正则表单验证/title link href="" /head body p 只允许输入数字 input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="c

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>正则表单验证</title>
<link href="">
</head>
<body>
<p>
只允许输入数字
<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" >
<input type="text" onkeyup="this.value=this.value.replace(/[^\d]/g,'')">
</p>

<p>
只允许输入字母
<input type="text" onkeyup="value=value.replace(/[^A-Za-z]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^A-Za-z]/g,''))" >
<input type="text" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
</p>

<p>
只允许输入汉字
<input type="text" onkeyup="value=value.replace(/[^\u4e00-\u9fa5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4e00-\u9fa5]/g,''))" >
<input type="text" onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')">
</p>

<p>
只能输入数字和字母
<input type="text" onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\W]/g,''))" >
<input type="text" onKeyUp="value=value.replace(/[\W]/g,'')">
</p>

<p>
只能输入email格式的数据(字母 数字 - _ @)
<input type="text" onkeyup="value=value.replace(/[^a-zA-Z\-_@\.0-9]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^a-zA-Z\-_@\.0-9]/g,''))" >
<input type="text" onKeyUp="value=value.replace(/[^a-zA-Z\-_@\.0-9]/g,'')">
</p>
<p>
只允许输入数字和字母和汉字
<input type="text" onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')">

</body>
</html>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • C# 输入法 - YSWALLE

    C# 输入法 - YSWALLE

    2017-03-10 18:00

  • HTML5 虚拟键盘出现挡住输入框的解决办法 - fiona118

    HTML5 虚拟键盘出现挡住输入框的解决办法 - fiona118

    2017-02-13 14:00

  • input元素required属性无效 - 虎落平阳变傻屌

    input元素required属性无效 - 虎落平阳变傻屌

    2017-02-07 08:01

  • html5为输入框添加语音输入功能 - 孟然

    html5为输入框添加语音输入功能 - 孟然

    2017-02-06 18:00

网友点评