首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在jquery或javascript中仅允许文本框值为数字、圆括号和连字符

在jQuery或JavaScript中,可以使用正则表达式来限制文本框的输入,只允许数字、圆括号和连字符。

以下是一个示例代码,可以实现该功能:

代码语言:txt
复制
$(document).ready(function() {
  // 给文本框添加输入事件监听
  $('#textbox').on('input', function() {
    var value = $(this).val();
    // 使用正则表达式匹配输入的内容
    var regex = /^[0-9()\-\s]+$/;
    if (!regex.test(value)) {
      // 如果输入的内容不符合要求,则移除非法字符
      value = value.replace(/[^0-9()\-\s]+/g, '');
      $(this).val(value);
    }
  });
});

上述代码中,我们给一个id为"textbox"的文本框添加了一个输入事件监听。每当用户输入内容时,会触发该事件。在事件处理函数中,我们首先获取文本框的值。然后,使用正则表达式/^[0-9()\-\s]+$/来匹配输入的内容。该正则表达式表示只允许数字、圆括号、连字符和空格。

如果输入的内容不符合要求,我们使用replace方法将非法字符替换为空字符串,并将新的值设置回文本框。

这样,用户在文本框中输入时,只能输入数字、圆括号和连字符,其他字符会被自动移除。

推荐的腾讯云相关产品:腾讯云云服务器(CVM),腾讯云云数据库MySQL版(CDB),腾讯云对象存储(COS)。

腾讯云云服务器(CVM):https://cloud.tencent.com/product/cvm

腾讯云云数据库MySQL版(CDB):https://cloud.tencent.com/product/cdb_mysql

腾讯云对象存储(COS):https://cloud.tencent.com/product/cos

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

jQuery选择器选取方法

[attr] 匹配拥有attr属性(无关)的所有元素 [attr=val] 匹配拥有attr属性且val的所有元素 [attr!...因此选择器“div.note”与“div [class~=note]”相同 [attr|=val] 匹配attr属性以val开头且其后没有其他字符其他字符是以字符开头的元素 :animated...的不为0,这“:hidden”相反 注意:表列举的部分选择器在圆括号接受参数。...">的子元素 注意:CSSjQuery选择器语法允许在简单选择器的某些过滤器中使用圆括号,但并不允许使用圆括号来进行更常见的分组。...传递判断函数给filter(),会为每一个匹配元素调用该函数,filter()则返回一个jQuery对象,包含判断函数true(任意真值)的元素。

5.2K40

ASP.NET MVC 5 - 给数据模型添加校验器

在上面的代码,流派(Genre)等级(Rating)只能使用字母(空格,数字特殊字符是不允许的)。该范围(Range )属性约束的在一个指定范围内。...在窗体填写一些无效,然后单击Create按钮。 如同jQuery的客户端验证来检测到错误时,它会显示一个错误消息。 ?...这些错误是强制执行了客户端端(使用JavaScriptjQuery)和服务器端(如果用户禁用了JavaScript)。...下图显示了如何禁用 Internet Explorer JavaScript。 ? ? 下图显示了如何在火狐浏览器禁用 JavaScript。 ?...下图显示了如何在 Chrome 浏览器禁用 JavaScript。 ? 下面是框架代码在之前的教程中生成的Create.cshtml视图模板。

9K70
  • 浅析JavaScript正则表达式

    \w{2,4}\s+javascript+\s+[^(]*/.test('ccy is javascript coder');//true        匹配3个字母数字加0个1个空格加2到4个字母数字加至少...1个空格加javascript加至少1个空格加0个多个左反圆括号字符 ?...5.选择、分组引用 javascript正则语法还包括指定选择项、子表达式分组引用前一子表达式的特殊字符。...只组合,把项组合到一个单元,但不记忆与改组相匹配的字符 \n 第n个分组第一次匹配的字符相匹配,组是圆括号的子表达式(也可能是嵌套的),组索引是从左到右的左括号数,(?...7.修饰符 字符 含义 I 不区分大小写 g 全局匹配 m 多行匹配模式 8.用于匹配模式的String方法 1.search(reg) 参数reg正则表达式,返回第一个与之匹配的子串的起始位置,找不到则返回

    1.6K30

    【愚公系列】2023年11月 Winform控件专题 MaskedTextBox控件详解

    自定义格式:您可以使用单个字符("0"、"9"、"a"等),表示可输入任何字符使用"#",表示可输入数字使用"@",表示可输入字母。...设置了MaskedTextBox的掩码格式"0000-00-00",即用户只能输入4位数字、一个字符、2位数字、又一个字符、2位数字。...该属性有三个可选:MaskFormat:复制剪切操作将使用掩码格式。即只复制剪切输入控件的实际文本,不包括掩码字符。...输入法模式可以影响输入法在控件的显示方式。ImeMode属性的取值如下:Alpha:普通的输入法模式,适用于输入字母、数字符号等。Kana:适用于日语输入法,用于输入平假名片假名。...无论SkipLiterals属性的如何,文本框都将是掩码中指定的格式,包括字面值空格。

    92411

    JavaScript 正则表达式全面总结

    创建正则表达式 JavaScript 的正则表达式用 RegExp 对象表示,有两种创建方式。 1. 直接量语法创建 正则表达式直接量定义包含在一对斜杠(/)之间的字符。 2....[^] 可以匹配任意字符字符类可以使用字符来表示字符范围。比如匹配小写字母[a-z],匹配任何字母和数字可以用[a-zA-Z0-9]。...空白符的字符 \d 等价于 [0-9] \D 等价于 [^0-9] [\b] 退格直接量,与退格键 \u0008 匹配,注意不同于 \b 方括号内也可出现转义字符 [\d\s] 表示匹配任意空白符数字...分组 圆括号可以把单独的项组合成子表达式,以便可以像一个独立的单元用 |、*、+ 或者 ? 对单元内的项进行处理。 引用 带圆括号的表达式的另一个用途是允许在同一个正则表达式的后面引用前面的子表达式。...如果 regexp 没有设置修饰符 g,则返回第一个完整匹配及其相关的捕获组(Array),返回数组第一个字符是匹配字符串,余下的元素是正则表达式圆括号括起来的子表达式。

    97140

    jQuery基础(五)一Ajax应用与常用插件-imooc

    jQuery 常用插件 表单验证插件——validate 该插件自带包含必填、数字、URL在内容的验证规则,即时显示异常信息,此外,还允许自定义验证规则,插件调用方法如下: $(form).validate...autocomplete()方法与文本框相绑定,当文本框输入字符时,绑定后的插件将返回与字符相近的字符串提示选择,调用格式如下: $(textbox).autocomplete(urlData,[options...]); 其中,textbox参数文本框元素名称,urlData插件返回的相近字符串数据,可选项参数options调用插件方法时的配置对象 jQuery Autocomplete 使用详细说明 例如...创建多级内联弹出式菜单,支持通过键盘方向键控制菜单滑动,允许菜单的各个选项添加图标,调用格式如下: $(selector).menu({options}); selector参数菜单列表中最外层...,通过.browser对象可以获取浏览器的名称版本信息,.browser.chrometrue,表示当前为Chrome浏览器,.browser.mozillatrue,表示当前为火狐浏览器,还可以通过

    16.5K20

    最新jquery+easyui_api培训文档

    3.4 方法 方法名 参数 描述 select value 选择下拉列表的一项 setValue param 设定指定到文本域,参数可以是一个字符串,也可以是一个Javascript对象,如果是对象...min 数字 文本框允许的最小 null max 数字 文本框允许的最大 null precision 数字 最高可精确到小数点后几位 0 7 ValidateBox(验证框) 7.1...0,100](允许字符串长度的范围)etc.null missingMessage 字符串 当文本框空时提示的文本信息 This field is required. invalidMessage 字符串...title 字符串 在面板头部显示的标题文本 null iconCls 字符串 一个CSS类来显示在面板的16x16图标 null width 数字 设置面板的宽度 auto height 数字 设置面板的高度...数字 该列占几列单元格 undefined align 字符串 数据对其方式,可选有left,right,center undefined sortable 布尔 是否允许该列排序 undefined

    3.2K40

    JavaScript学习笔记(四)—— jQuery入门

    n个奇偶元素,n的"整数oddeven" :only-child 选择父元素唯一的子元素(该父元素只有一个子元素) 区分元素类型的 选择器 说明 :first-of-type 选择同元素类型的第一个子元素...:last-of-type 选择同元素类型的随后一个子元素 :nth-of-type 选择同元素类型的第n个奇偶元素,n的"整数oddeven" :only-of-type 匹配父元素特定类型的唯一子元素...操作元素内容 jQuery提供了对元素内容以及属性进行操作的方法: 元素的 元素的唯一属性 大部分元素的都对应value属性 元素的内容 定义元素起始标签结束标签之间的内容 分为文本内容...");//设置HTML内容 }); }); 对元素的进行操作 在jQuery,使用val()方法返回设置被选元素的value属性。...error() 加载错误时触发 focus() 有元素或者窗口获得焦点时触发 select() 文本框字符被选择之后触发 submit() 表单提交之后触发 load() 加载完成后触发 unload

    11.2K50

    看不完的那种!前端170面试题+答案学习整理(良心制作)

    7.css3动画如何在动作结束时保持状态不变 使用animation-fill-mode,none,表示不改变默认行为;forwards,当动画完成后,保持最后一个属性;backwards,在...width 设置 layout viewport 的宽度,一个正整数,字符串"width-device" initial-scale 设置页面的初始缩放一个数字,可以带小数 minimum-scale...允许用户的最小缩放一个数字,可以带小数 maximum-scale 允许用户的最大缩放一个数字,可以带小数 height 设置 layout viewport 的高度,这个属性对我们并不重要...,很少使用 user-scalable 是否允许用户进行缩放,"no""yes", no 代表不允许,yes 代表允许 viewport 是在 meta 标签内进行控制。...property是DOM的属性,是JavaScript里的对象 attribute是HTML标签上的特性,它的只能够是字符串 106.写一个验证身份证号的方法 地址码6位+年份码4位+月份码2位+

    11.5K50

    七天学会ASP.NET MVC (四)——用户授权认证问题

    小编应各位的要求,快马加鞭,马不停蹄的终于:七天学会 Asp.Net MVC 第四篇出炉,在第四天的学习,我们主要了学习如何在MVC如何实现认证授权等问题,本节主要讲了验证错误时的错误,客户端验证...设置名字空 输入工资 56 点击“Save Employee”按钮。 会出现验证失败,但是数字 56 仍然显示在 Salary 文本框。 ? 测试2 ?...Salary不能为空,且应该为数字类型 4. FirstName 不能包含@字符 接下来,实现客户端验证功能 1....当凭证错误时,UserName 文本框是如何被重置的? HTML 帮助类会从Post 数据获取相关并重置文本框。这是使用HTML 帮助类的一大优势。 Authorize属性有什么用?...在View 添加 jQuery Validation 引用 在Scripts文件,添加以下 JavaScript文件 jQuery-Someversion.js jQuery.valiadte.js

    8.7K50

    ES6学习笔记(一)

    (该代码在谷歌浏览器控制台编写) 上面代码,变量 i 是 var 命令声明的,在全局范围内都有效,所以全局只有一个变量 i 。...说明:ES6 允许按照一定模式,从数组对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。...对于函数内部的代码来说,它们能感受到的参数就是xy。 (5)解构过程圆括号的问题 只要有可能导致解构的歧义,就不得使用圆括号。...(3)实例方法:includes(),startWith(),endWith() 传统方法,JavaScript只有一种方法 indexOf 可以用来确定一个字符串是否包含在另一个字符,ES6新增了...3个方法: includes():返回布尔,表示是否找到了 参数字符串; startWith(): 返回布尔,表示参数字符串是否在 原字符串的头部; endWith(): 返回布尔,表示参数字符串是否在

    56630

    编写可维护的JavaScript

    .直接量 1.字符串:使用双引号单引号均可,但要统一,换行时用+号,””+””来换行,+在上方行尾 2.数字:不要省略小数整数部分,尽量不要使用八进制 3.null:最好的方式是将它当做对象的占位符...,可以将函数用一对圆括号包裹起来 E.严格模式 1.不推荐将严格模式运用到全局作用域中 2.尽可能的在函数内部使用严格模式 F.相等 1.数字字符串比较字符串会转为数字,布尔字符串比较布尔会转为数字...=“…”这类 D.将JavaScript从HTML抽离 1.使用addEventListener(attachEventtarget[‘on’+type])来绑定事件,而不是行内写onclick(jquery.on...(……)) 2.最好将所有的JS代码都放入外置文件 F.将HTML从JavaScript抽离:例如innerHTML这种不要使用 1.从服务器加载:jquery.load(……) 2.简单客户端模板...事件处理程序应当在进入应用逻辑之前针对event对象执行任何必要的操作,包括阻止默认事件事件冒泡等 八、避免“空比较” A.检测原始 1.字符串、数字、布尔、nullundefined,最佳选择是

    85210

    一个小时学会jQuery

    AJAX应用可以向服务器发送并取回必需的数据,它使用SOAP其他一些基于XML的Web Service接口,并在客户端采用JavaScript处理来自服务器的响应。...scriptCharset允许给<script>标签的请求设定一个特定的字符集,用于script或者jsonp类似的数据。当脚本页面字符集不同时,这特别好用。...如果数组,jQuery 将自动不同对应同一个名称。 {foo:["bar1", "bar2"]} 转换为 "&foo=bar1&foo=bar2"。...isLocal   map 默认: 取决于当前的位置协议 允许当前环境被认定为“本地”,(文件系统),即使jQuery默认情况下不会承认它。...注意:其它 HTTP 请求方法, PUT DELETE 也可以使用,但部分浏览器支持。 url   String (默认: 当前页地址) 发送请求的地址。

    18.5K71

    功能测试框架

    界面各种控件测试 如对于输入框测试: 一、字符型输入框: 1. 字符型输入框:英文全角、英文半角、数字、空或者空格、特殊字符“~!@#¥%……&*?[]{}”特别要注意单引号&符号。...多行文本框输入:允许回车换行、保存后再显示能够保存输入的格式、输入回车换行,检查能否正确保存(若能,检查保存结果,若不能,查看是否有正常提示)、 5....边界:最大、最小、最大+1、最小-1 2. 位数:最小位数、最大位数、最小位数-1最大位数+1、输入超长、输入整数 3.异常值、特殊字符:输入空白(NULL)、空格”~!...,∏,+,-等、 输入负整数、负小数、分数、输入字母汉字、小数(小数前0点舍去的情况,多个小数点的情况)、首位0的数字01、02、科学计数法是否支持1.0E2、全角数字与半角数字数字与字母混合、...比如涉及到ajax、jqueryjavascript等技术的,都要考虑到不同浏览器下的兼容性问题。

    83920

    Web-第四天 jQuery学习

    /js/jquery-1.11.0.js" type="text/javascript" > 基本语法:jQuery(选择器) $(选择器) 及在 jQuery "jQuery...基础入门2 今日内容介绍 重写javascript案例:省市联动 重写javascript案例:左右选择 重写javascript案例:表单校验 今日内容学习目标 能够使用jQuery标签添加属性样式...描述 required true|false 必填字段 email email 邮件地址 url 路径 date 数字 日期 dateISO 字符串 日期(YYYY-MM-dd) number 数字...* * 进行校验时,长度15:都是数字;长度18:都是数字末尾Xx * 1)校验规则名称:cardformat * 2)校验处理函数:fn(value , element , params)...语法: 校验类型 取值 描述 required true|false 必填字段 email @ 邮件地址 url 路径 date 数字 日期 dateISO 字符

    3.5K40

    第8章 JavaScript编程应用

    ,与操作环境无关 安全性:JavaScript是一种安全性语言,它不允许访问本地的硬盘,并不能将数据存入到服务器上,不允许对网络文档进行修改删除,只能通过浏览器实现信息浏览动态交互。...8-2 如何在HTML5编写的文件嵌入JavaScript脚本? 放置在标签之间 8-3 if语句for语句的作用是什么?...当expression的true时,执行该语句序列。statement 2:用于指定要执行的语句序列。当expression的false时,执行该语句序列。...据我所知,jQuery 也是被在淘汰的路上。了解了解即可。 8-5 简述JavaScript变量的命名规则。...变量名区分大小写,允许包含字母、数字、美元符号($)下划线,但第一个字符允许数字,不允许包含空格其他标点符号 变量命名长度应该尽可能的短,并抓住要点,尽量在变量名中体现出的类型 尽量避免使用没有意义的命名

    55910

    金九银十: 50 个JS 必须懂的面试题为你助力

    如果未指定路径,某些浏览器将不允许咱们删除cookie。 问题22:Attribute Property之间有什么区别 Attribute——提供关于元素的更多细节,id、类型、等。...提示: 请使用 isNaN() 来判断一个是否是数字。原因是 NaN 与所有都不相等,包括它自己。 问题 36:JS的原始/对象类型如何在函数传递?...可以通过在文件,程序函数的开头添加“use strict”来启用严格模式 问题41:JS 的 prompt 框是什么 提示框是允许用户通过提供文本框输入输入的框。...该技术的另一个特性是允许全局变量提供一个简单的别名,这在jQuery插件中经常使用。 问题50:JS的转义字符是什么 JS转义字符使咱们能够在不破坏应用程序的情况下编写特殊字符。...转义字符()用于处理特殊字符单引号、双引号、撇号&号,在字符前放置反斜杠使其显示。 :document.write("I am a \"good\" boy")

    6.6K31
    领券