`
Javaloverlover
  • 浏览: 347787 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

jquery实现验证输入数字

js数字验证 
阅读更多
验证输入的是否是数字，代码： 
<html>
<head>
	<title>input</title>
	<script type="text/javascript" src="jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$('#error').hide();
			$('#submit').click(function(event){
				var data = $('#userId').val();
				data = $.trim(data);
				var len = data.length;
				for(var i=0;i<len;i++) {
					c=data.charAt(i).charCodeAt(0);
					if(c<48 || c>57) {
						$('#error').show();
						event.preventDefault();
						break;
					} else {
						$('#error').hide();
					}
				}
			});
		});
	</script>
</head>
<body>
	<form id="signup" method="post" action="">
		user id:<input type="text" id="userId" name="userId" /><span id="error">this field must be digital</span><br/>
		<input type="submit" id="submit" value="Submit">
	</form>
</body>
</htmL>
分享到：
| jquery实现验证表单非空
评论
2 楼 Javaloverlover 2012-02-23  
说的对，你用的是正则
1 楼 踏月流星 2012-02-23  
你的方法是没有问题的，但是你不觉得用一个正则表达式：/^\d+$/g来完成这个功能，显得更优雅一点儿吗。。。
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery限制最大输入数字插件特效

    在本主题“jquery限制最大输入数字插件特效”中，我们将深入探讨如何使用jQuery实现对用户输入数字的限制，以及如何创建类似新浪微博的动态效果。 首先，jQuery限制最大输入数字的功能主要应用于表单输入，特别是...

    jquery表单验证实例，对数字，字数，必填项等校验

    `jQuery Validate`是基于`jQuery`的一个插件，专门用于实现客户端的表单验证，它可以高效且易于地实现对数字、字数、必填项等各种类型的验证。 在"jquery表单验证实例，对数字，字数，必填项等校验"这个项目中，...

    jquery实现网站注册页面验证信息

    jQuery使得DOM操作、事件处理以及动画效果变得更加简单，从而在验证用户输入时提供流畅的用户体验。 一、jQuery简介 jQuery是由John Resig于2006年创建的一个开源JavaScript库，它简化了JavaScript代码的编写，使得...

    jquery只能输入数字的文本框插件

    这个“jquery只能输入数字的文本框插件”是为了解决一个常见的用户界面需求：限制用户在特定输入框中只能输入数字，防止非数字字符的输入。这种功能对于处理货币、数量或者任何需要精确数值的数据输入场景尤其有用。...

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

    在前端开发中，对用户输入进行验证是一个常见的需求，尤其是在需要用户输入数字或小数时。使用jQuery库，我们可以相对容易地实现这样的验证功能。本文将详细介绍如何利用jQuery来验证一个输入值是否为数字或小数，...

    表单验证jquery插件

    在Web开发中，表单验证是不可或缺的一部分，它确保用户输入的数据符合预设的规则，从而提高数据质量和用户体验。jQuery Validation Engine 是一个功能强大的表单验证插件，以其简单易用和丰富的自定义选项而受到...

    jquery 前端验证框架

    **二、jQuery验证框架的重要性** 前端验证不仅能够即时反馈用户输入错误，提高用户交互体验，还能减少服务器端的压力，避免无效请求。jQuery的验证框架提供了一套灵活、可定制的验证规则，使开发者可以快速构建表单...

    jquery表单验证插件

    jQuery表单验证插件极大地简化了前端验证的实现，通过引入相应的库和简单配置，即可实现高效且友好的表单验证。无论你是新手还是经验丰富的开发者，理解并熟练运用这些插件，都能提升项目开发的效率和质量。在实际...

    Jquery超强验证表单

    利用jQuery的事件监听功能，可以实现实时验证，即在用户输入时立即检查数据的正确性。这可以通过在`keyup`、`blur`或其他相关事件上绑定验证函数来实现。 **7. 提示与反馈** 通过改变元素样式（如添加红色边框、...

    jQuery表单验证

    jQuery表单验证是一种在网页开发中常用的技术，用于在用户提交数据前检查输入的有效性，确保数据的质量和安全性。在Web应用中，表单验证是不可或缺的部分，它可以帮助减少服务器端的压力，提供更好的用户体验，及时...

    JQuery实现注册表单实时验证

    **jQuery实现注册表单实时验证**是Web开发中常见的需求，尤其在用户界面设计中，为了提高用户体验，实时验证能够即时反馈用户输入的合法性，避免了用户提交后才出现错误提示的情况。本教程将深入讲解如何利用jQuery...

    js JQuery验证电子邮箱的函数

    在IT领域，特别是Web开发中，前端数据验证是确保用户输入数据有效性和安全性的重要环节。JavaScript和jQuery作为前端开发中的关键技术，提供了强大的功能来实现这一目标。本文将深入解析一个具体的场景：使用js和...

    jQuery完整注册表单提交验证

    对于**手机号码输入**，我们可以设置输入格式，只允许输入数字，并限制为11位。可以使用`input`事件和正则表达式来实现实时校验。此外，**手机验证码**的发送通常涉及与后端的交互，用户输入手机号后，发送请求获取...

    jQuery数字字母组合验证码

    综上所述，"jQuery数字字母组合验证码"的实现涉及到了前端开发中的多个核心概念，包括jQuery库的运用、随机数生成、DOM操作、事件处理、正则表达式验证以及潜在的Ajax交互。了解并掌握这些技术对于构建高效且安全的...

    jquery input字符串验证(手机号码验证、字母数字验证) 带示列

    总结，通过jQuery和正则表达式，我们可以高效地实现网页中的数据验证，确保用户输入的信息准确无误。无论是手机号码验证还是字母数字验证，都可以通过编写适当的正则表达式来实现。对于初学者来说，理解并掌握这些...

    jQuery表单验证实例

    本实例将深入探讨如何使用jQuery实现高效且用户体验良好的表单验证。 首先，我们来看`index.html`，这是网页的结构文件。在HTML中，我们会定义一个包含各种输入字段（如文本框、复选框、选择列表等）的表单。每个...

    jquery验证

    jQuery验证插件是基于jQuery的一个强大的插件，由Jörn Zaefferer创建并维护。该插件提供了一种简单的方式来处理表单验证，并且支持多种自定义选项和方法，使其成为前端表单验证的首选工具之一。 #### 三、基本使用...

    jQuery用户注册表单验证代码

    总之，jQuery提供了强大的工具来简化表单验证的实现，通过结合DOM操作、事件处理和正则表达式，我们可以创建出功能完善、用户体验良好的用户注册表单。这个小项目可以帮助你深入理解这些概念，并实践在实际项目中。

    jquery数据验证 配置简单 使用简单

    如验证input或textbox中输入的时候email只需： 在input或textbox中加入属性ValidDataForEmail='default'即刻实现email的验证操作 还有 网址、数字、身份证、日期等验证，都只需要如上一样添加属性即可，详细的请看...

Magicbox
Global site tag (gtag.js) - Google Analytics