使用js正则控制input标签只允许输入的值_javascript技巧

style="ime-mode:Disabled“
这句是比较实用的。意为关闭输入法。省得有些人开着全角输入数字,结果输入不进去来找你哭天抹泪的,还怪你设计的不好。

只允许输入数字

复制代码 代码如下:

<input name="username" type="text" onkeyup="value=this.value.replace(//D+/g,'')">

只允许输入英文字母、数字和下划线(以下二种方法实现)

复制代码 代码如下:

<input name="username" type="text" style="ime-mode:disabled">
<input name="username" type="text" onkeyup="value=value.replace(/[^/w/.//]/ig,'')">

只允许输入英文字母、数字和&=@

复制代码 代码如下:

<input name="username" type="text" onkeyup="value=value.replace(/[^/w=@&]|_/ig,'')">

只允许输入汉字

复制代码 代码如下:

<input name="username" type="text" onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')">

实例:限制输入三位 只能是数字或者'.' 并在input内关闭输入法

复制代码 代码如下:

<th style="width: 60px;">折  扣</th>
<SPAN style="WHITE-SPACE: pre">
</SPAN><td><input name="discountNum" class="easyui-validatebox" maxlength="3" style="ime-mode:Disabled" onkeyup="value=this.value.replace(/[^\d.]/g,'')" data-options="required:'true',missingMessage:'请填写折扣数'" />
<SPAN style="WHITE-SPACE: pre">
</SPAN></td>

时间: 2024-08-18 09:43:57

使用js正则控制input标签只允许输入的值_javascript技巧的相关文章

使用js正则控制input标签只允许输入的值

本文为大家介绍下使用js正则控制input标签输入的值:只允许输入数字.只允许输入汉字.只允许输入英文字母等等,具体祥看本文,希望对大家有所帮助   style="ime-mode:Disabled" 这句是比较实用的.意为关闭输入法.省得有些人开着全角输入数字,结果输入不进去来找你哭天抹泪的,还怪你设计的不好. 只允许输入数字 复制代码 代码如下: <input name="username" type="text" onkeyup=&q

JS 实现获取打开一个界面中输入的值_javascript技巧

需求在一个界面中打开另一个界面,通过JS获取在另一个界面中用户输入的值.示例:Index.html 复制代码 代码如下:    <html>    <head>      <meta http-equiv="content-type" content="text/html; charset=gbk">          <title>主页</title>         <script type=&q

JS实现控制表格行内容垂直对齐的方法_javascript技巧

本文实例讲述了JS实现控制表格行内容垂直对齐的方法.分享给大家供大家参考.具体分析如下: 下面的代码通过表格的vAlign属性控制表格行的内容垂直对齐,可以置顶.可以居中.可以底部对齐 <!DOCTYPE html> <html> <head> <script> function topAlign() { document.getElementById('tr2').vAlign="top"; } </script> <

JS正则替换掉小括号及内容的方法_javascript技巧

正则表达式:\ ( [ ^ \ ) ] * \ ) JS代码: var str="hello(world)"; var nstr = str.replace(/\([^\)]*\)/g,""); 以上这篇JS正则替换掉小括号及内容的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持. 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索javascript 正则 括号.正

js 点击a标签 获取a的自定义属性方法_javascript技巧

今天项目上遇到一个问题,需要在点击a标签时,将完整的内容显示出来 原先是想用jquery的click方法 <a ownattr="--" onClick="showDetail(this)">哈哈</a> 在jquery的click方法中将this的ownattr属性赋值给完整内容的div标签 然而这却一直行不通 一阵研究后发现,原来项目框架是用jquery ajax获取后台列表信息的,页面在执行到click方法时,ajax还没完成 随后决定

js简单实现HTML标签Select联动带跳转_javascript技巧

复制代码 代码如下: <script src="Scripts/jquery-1.9.1.min.js" type="text/javascript"></script> 复制代码 代码如下: <FORM name="form5" id="form5" action="" method="post" target="_blank" ons

用v-html解决Vue.js渲染中html标签不被解析的问题_javascript技巧

前言 最近在工作中遇到一个问题,在网页中后台传来的json数据中包含html标签,将该json数据绑定到Vue.js中对象中,对该对象进行for循环,发现数据中的html标签不能被解析,而是当作字符显示出来. 问题如下所示: 解决方法: Vue.js中提供了v-html这个指令来解决这个问题,或者对数据对象使用{{{vm.data}}}三个大括号来包裹对象,就可以正常解析了. 代码改动如下: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家都 学习或者工作能带来一定的帮助,如果有疑问大家

js自动闭合html标签(自动补全html标记)_javascript技巧

复制代码 代码如下: <script type="text/javascript"> // Close HTML Tags -------------------------------------------- function closeHTML(str){ var arrTags=["span","font","b","u","i","h1",&qu

原生JS实现表单checkbook获取已选择的值_javascript技巧

从一个表单checkbox获取到已选中的数据值: 复制代码 代码如下: <input type="checkbox" name="cb" value="1" />aa <input type="checkbox" name="cb" value="2" />bb <input type="checkbox" name="cb&q