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

jquery实现验证表单非空

jquery表单验证非空 
阅读更多
表单验证非空，包括空格验证，贴代码： 
<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);
				if(data.length < 1) {
					$('#error').show();
					event.preventDefault();
				} 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 can't be blank</span><br/>
		<input type="submit" id="submit" value="Submit">
	</form>
</body>
</htmL>

分享到：
| js中sort()方法数组排序问题
评论
发表评论

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

相关推荐

    Jquery超强验证表单

    在“jQuery超强验证表单”这个主题中，我们将深入探讨如何利用jQuery来实现高效且用户友好的表单验证。** **1. jQuery基础知识** 在深入表单验证之前，我们需要了解jQuery的基本用法。jQuery通过选择器（如$("#id")...

    JQuery实现表单验证

    在"JQuery实现表单验证"的案例中，描述中提到有五种不同的提示方式，这些可能包括错误消息的显示位置、样式、动画效果等，以满足多样化的用户体验需求。 以下是使用JQuery进行表单验证的基本步骤： 1. **选择器与...

    jquery前端非空验证

    jQuery，一个广泛使用的JavaScript库，提供了强大的功能来辅助前端开发者进行非空验证。本篇文章将深入探讨如何利用jQuery进行前端非空验证。 一、jQuery简介 jQuery是一个轻量级、高性能的JavaScript库，它简化了...

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

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

    jquery 表单验证 （邮箱正则验证、非空录入、数据显示等）

    jQuery是一个广泛使用的JavaScript库，它提供了丰富的功能来简化DOM操作和事件处理，同时也包括了方便的表单验证功能。本教程将深入探讨如何使用jQuery进行邮箱格式验证、非空验证以及数据的显示。 首先，我们来...

    【原创】jquery表单验证插件

    本人制作的jquery表单验证插件JfomValidate 功能：可以完成绝大数页面的脚本验证效果，压缩包里有示例和调用说明。 压缩包包含文件： index.html -- 说明及示例 JfomValidate.min.js -- 插件 jquery-1.3.2.min.js -...

    jQuery表单验证插件EasyValidator 2.0带TIP提示效果

    EasyValidator 2.0是基于jQuery的轻量级表单验证插件，它的主要目标是帮助开发者快速实现表单验证，同时提供美观的提示效果。通过使用该插件，开发者可以轻松地对表单字段进行各种验证规则设置，如非空检查、邮箱...

    jQuery表单验证

    四、jQuery验证插件 虽然jQuery本身提供了基础的事件处理和DOM操作，但为了实现复杂的验证规则，我们通常会使用第三方验证插件，如`jQuery Validation Plugin`。这个插件提供了丰富的验证规则和自定义消息功能，极...

    jquery表单验证代码百度注册页面表单验证

    此外，jQuery还提供了`.validate()`方法，这是用于表单验证的核心功能。 在“百度注册页面”这样的场景中，表单验证通常包括以下几个方面： 1. 非空验证：确保用户已填写所有必填字段。这可以通过检查`.val().trim...

    jquery表单验证插件

    jQuery作为一款广泛使用的JavaScript库，提供了丰富的功能来简化DOM操作，同时也有一系列插件可以方便地实现表单验证。"jQuery表单验证插件"正是这样一种工具，它能够帮助开发者轻松添加验证功能到网页表单中，提高...

    Jquery表单验证

    通过jQuery，我们可以轻松实现功能强大的表单验证，不仅提供丰富的预设规则，还能自定义验证逻辑和错误提示。结合jQuery Validation Plugin，可以构建出具有高度定制化和良好用户体验的Web表单。在实际项目中，灵活...

    jQuery完整注册表单提交验证.zip

    这个"jQuery完整注册表单提交验证"的压缩包，包含了完整的实现，对于开发者来说，是一份宝贵的参考资料和实战模板。在实际工作中，只需根据项目需求进行适当的调整，即可快速部署到项目中，大大提升了开发效率。

    jQuery实现批量判断表单中文本框非空的方法(2种方法)

    /** 批量验证表单非空 * 需要非空验证控件的样式class="mustadd" */ $(".mustadd").each(function () { if ($(this).val() == '') { alert("该项不可为空！"); $(this).focus(); return false; } }); ```...

    jQuery网页注册表单验证代码特效.zip

    下面将详细介绍这个jQuery验证方法及其工作原理。 jQuery是一个流行的JavaScript库，它简化了DOM操作、事件处理、动画以及Ajax交互。在注册表单验证中，jQuery可以帮助我们快速高效地检查用户输入，确保数据的有效...

    jquery.validate.js jquery表单验证

    `jQuery Validate` 是一个流行的 JavaScript 库，用于在前端实现高效、灵活的表单验证。这个库是 jQuery 生态系统的一部分，它简化了对 HTML 表单数据的验证过程，提高了用户体验，确保用户输入的数据在提交到服务器...

    jquery 表单验证集合

    本篇文章将深入探讨jQuery表单验证集合，包括其核心概念、实现方式以及常见的验证类型。 **一、jQuery表单验证基础** 1. **事件监听**：jQuery通过事件监听机制，如`submit`、`focusout`或`change`，可以在用户...

    jQuery+Validation表单验证

    通过研究这些文件，你可以更深入地了解如何将jQuery+Validation应用于实际项目中，实现高效、友好的表单验证功能。 总的来说，jQuery+Validation的组合为前端开发提供了一种强大的表单验证解决方案，既提高了开发...

    jq非空验证，js正则表达式验证邮箱和手机号码

    在jQuery中，我们可以通过`$.trim()`方法去除前后空格，再检查字符串长度，以实现更精细的非空验证。 5. **事件处理**： 为了实时反馈验证结果，我们可以绑定到表单的`input`或`change`事件，每次用户输入时立即...

    jquery表单验证实例网站特效

    在"jquery表单验"的标签中，我们可以推测这个实例可能包括了各种验证规则的实现，如非空检查、邮箱格式验证、手机号码验证等。例如，非空检查可以通过`$.trim()`去除空白并判断字段是否为空，邮箱验证可以使用正则...

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