`

jquery 验证文本框数字事件|有效|快捷 给控件绑定清楚非数字事件

阅读更多
代码
<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />-->var checkNumControls = new Array("TbZipCode","TbPhone1","TbPhone2","TbPhone3","TbSeeDoctorAgeYear","TbSeeDoctorAgeMonth",
"TbFatherBearAge","TbMatherBearAge","TbAnnualIncome","TbGravidityNum","TbAbortionNum","TbAge","TbBornWeight","TbWeight","TbHeight",
"TbVisitWeight","TbVisitHeight","TbVisitBodySurfaceArea","TbVisitAge","TbDefectSize","TbShuntingConditionNo1","TbShuntingConditionNo2","TbEF","TbOcclusionAge",
"TbOperationAge","TbCost","TbCost1");
for(var j=0;j<checkNumControls.length;j++)
$(
"#"+checkNumControls[j]).keyup(function(){$(this).val($(this).val().replace(/[^\d\.-]+/,""));});

jquery 验证文本框数字事件|有效|快捷 给控件绑定清楚非数字事件

分享到:
评论

相关推荐

    jQuery文本框(input textare)事件绑定方法教程

    在本文中,我们将深入探讨如何使用jQuery绑定事件,特别是针对文本框(input textarea)的事件。 首先,我们来看一下`bind`和`on`这两个函数。在jQuery 1.7版本及以上,`on`已经成为推荐的事件绑定方式,因为它更加...

    calendar 多风格日期输入控件 javascript日期输入文本框

    - **事件绑定**:使用addEventListener等方法,为控件绑定日期选择后的事件处理函数。 3. **自定义样式**: - **CSS覆盖**:通过定义新的CSS样式,覆盖控件原有的样式,实现个性化设计。 - **主题支持**:如果...

    点击文本框弹出日历的jquery代码和使用方法

    在网页设计中,为了提升用户体验,常常需要在用户点击文本框时弹出日历插件,帮助用户方便快捷地选择日期。jQuery是一个流行的JavaScript库,它简化了DOM操作、事件处理以及动画效果,使得实现这样的功能变得...

    asp.net自定义日期控件文本框样式

    对于不支持的浏览器,我们需要在控件的`OnInit`或`OnPreRender`事件中动态添加相应的JavaScript代码,比如引入jQuery库和DatePicker插件,并绑定事件监听器。 下面是一段可能的实现代码: ```csharp public class ...

    jQuery文本框商品数量加减代码

    为了防止用户直接在文本框中输入非法值,我们可以添加一个`change`事件监听器,验证输入的数值: ```javascript $('.quantity-input').on('input change', function() { var value = $(this).val(); if (isNaN...

    jquery 动态添加控件

    本篇文章将深入探讨如何使用jQuery动态添加控件,包括元素的创建、插入和绑定事件,以及在实际项目中的应用。 首先,我们来了解jQuery如何创建新的HTML元素。在JavaScript中,创建元素通常是通过`document....

    带时间的jQuery日期控件代码.zip

    标题中的“带时间的jQuery日期控件代码”指的是一个JavaScript库,特别地,它是基于jQuery的一个组件,用于在网页上创建具有时间和日期选择功能的输入控件。这种控件通常用于用户需要输入特定日期和时间的场景,比如...

    jquery.datePicker日历控件应用text文本框弹出日历表与默认显示日

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript代码的编写,使得DOM操作、事件处理和动画变得更加容易。而`jquery.datePicker`是jQuery的一个扩展插件,用于实现日期选择功能,通常与...

    【Jquery经典特效13】jQuery可选择详细的价钱区间值代码

    在实现价格区间选择时,我们可能需要绑定`change`或`input`事件到滑动条上。`change`事件在滑动条值改变且失去焦点后触发,而`input`事件则在滑动条值改变时实时触发。这允许我们实时更新显示的价格区间,或者在用户...

    javaScript实现点击文本框text弹出日期选择控件源码.zip

    JavaScript是一种广泛应用于网页和应用程序...总结来说,这个JavaScript实现的日期选择控件利用了JavaScript的事件监听和DOM操作,结合可能的第三方库如jQuery UI,为文本框添加了日期选择功能,提供了更好的用户体验。

    asp.net控件笔记 asp.net控件笔记

    这些控件提供了丰富的功能,如验证、事件处理和样式控制。例如,TextBox控件允许用户输入文本,Button控件则在点击时触发服务器端事件。 二、服务器控件与客户端控件 1. 服务器控件:ASP.NET中的大多数控件都是...

    jquery实现文本框鼠标右击无效以及不能输入的代码

    在本篇技术文章中,作者将介绍如何使用jQuery来实现一个文本框(TextBox),使其不能通过鼠标右键点击弹出上下文菜单,同时不允许用户输入内容。通过阅读本文,你可以掌握实现这两个功能的具体方法。 ### 知识点一...

    jQuery控件简易日历表格代码.zip

    《jQuery控件简易日历表格代码详解》 在网页开发中,日历控件是一种常见的交互元素,用于用户选择日期,常应用于表单输入、事件安排等场景。jQuery作为一款强大的JavaScript库,提供了丰富的插件和扩展,使得创建...

    利用jquery实现验证输入的是否是数字、小数,包含保留几位小数

    每个文本框都有一个特定的ID,当输入内容发生变化时,都会触发`validationNumber`函数,并根据控件的ID传递不同的小数位数参数,从而实现对数字或小数输入的验证。 文档中还提到了验证整数和小数的具体例子,并建议...

    JQuery 绑定事件时传递参数的实现方法

    在jQuery中,`bind()`方法是用来绑定事件处理函数到元素上的。当事件发生时,绑定的函数会被调用。在某些情况下,我们可能需要在事件处理函数中传递额外的参数,以便更好地处理事件。以下是一些在jQuery中实现这一...

    基于jquery的文本框与autocomplete结合使用(asp.net+json)

    在前端页面中,需要引入jQuery库以及jQuery UI库,并通过等方式绑定到具体的***控件。然后通过autocomplete方法初始化输入框的自动完成功能。其中,minChars定义触发自动完成的最小字符数,max定义最大字符数,width...

    jquery表单绑定

    **jQuery表单绑定详解** ...通过学习和实践这些概念,你可以有效地利用jQuery实现动态表单绑定,提高用户体验,并简化前端开发工作。记得结合项目文件进行实际操作,以便更好地理解和掌握这些知识。

    asp.net中TextBox获得焦点和失去焦点——客户端JavaScript事件

    在这个例子中,我们使用了jQuery的`on()`方法绑定`blur`事件,并调用服务器端的`PageMethod`进行验证。如果验证通过,`OnSuccess`函数会被调用;否则,`OnError`函数会被调用。 总结来说,ASP.NET中的TextBox可以...

    页面验证JS文件,含大量验证方法,让你做页面验证无需花费时间。

    4. **jQuery集成**:文件基于jQuery库,利用其强大的DOM操作和事件处理能力,使得验证功能可以轻松地与页面元素交互。 使用这个JS文件的一个关键优点是,只需要一行代码就可以为控件添加验证。例如,要为一个文本框...

    基于jquery的popup 支持树控的文本框弹出层插件.zip

    他们可能需要了解jQuery的基本用法,包括DOM操作、事件绑定和动画效果,以及如何使用JSON或者其他数据格式来填充树形控件。此外,理解插件提供的API和示例代码也是必不可少的,这将帮助他们更好地集成这个组件到自己...

Global site tag (gtag.js) - Google Analytics