使用 jquery.validate.js 进行表单验证，没有侵入性，简单方便。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html;charset=UTF-8" import="java.util.*" pageEncoding="UTF-8" language="java" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + "" + (request.getServerPort() == 80 ? "" : ":" + request.getServerPort()) + path + "/";
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>手动设置参数页面</title>
<style type="text/css">
label {
width:80px;
display: inline-block;
}
em.error {
width:300px;
color:red;
padding-left:10px;
}
</style>
<script type="text/javascript" src="<%=basePath%>js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/jquery.validate.js"></script>
<script type="text/javascript">
$(function() {
$("#accyRFSalesSetting").validate({
messages: {
weight: {
required:"RF权重值必填",
number:"必须是整数"
},
sales: {
required:"销量必填",
number:"必须是整数"
}
},
rules: {
weight: {
required:true,
number:true
},
sales: {
required:true,
number:true
}
},
errorElement:"em"
});
});
</script>
</head>
<body>
<form id="accyRFSalesSetting" action="/setting" method="post" >
<fieldset>
<legend>手机推荐配件条件设置，顺序RF优先，其次销量</legend>
<div>
<label for="weight">RF >= </label>
<input id="weight" type="text" name="weight" value="${weight}"/>
</div>
<div>
<label for="sales">Sales >= </label>
<input id="sales" type="text" name="sales" value="${sales}"/>
</div>
<div>
<label></label>
<input type="submit" value="提交"><input type="reset" value="重置">
</div>
</fieldset>
</form>
</body>
</html>
相关推荐
以下是对jQuery Validate表单验证插件实现代码的详细解析： 1. **验证准备**： 在开始编写验证逻辑之前，你需要创建一个包含待验证表单元素的HTML结构。这通常包括输入字段、标签和其他必要的表单元素。同时，为了...
Jquery validate表单验证Demo.zip Jquery validate表单验证Demo.zip Jquery validate表单验证Demo.zip Jquery validate表单验证Demo.zip Jquery validate表单验证Demo.zip
jQuery validate 是一个非常流行的JavaScript库，用于在客户端进行表单验证。它简化了HTML表单的验证过程，提供了丰富的选项和方法来定制验证规则。在ASP.NET开发中，结合jQuery validate，可以创建用户友好的、交互...
在本文中，我们将深入探讨jQuery Validate插件，这是一种强大的JavaScript工具，用于实现高效且易于定制的表单验证。...通过下载提供的"jquery validate表单验证插件"，您可以开始实践并体验其强大功能。
首先，基本的jQuery Validate表单验证入门涉及对表单的监听和校验。通过绑定`submitHandler`函数，在表单提交时进行自定义操作。例如，可以在函数内部使用`alert`弹窗提示用户表单已经提交，并通过`form.submit()`...
《jQuery Validate表单验证插件详解》 在Web开发中，表单验证是不可或缺的一环，它能够确保用户输入的数据符合预设的规则，避免无效数据的提交，提高用户体验。jQuery Validate是一个强大的JavaScript库，它使得在...
jQuery Validate是一个广泛使用的JavaScript库，专门用于前端表单验证。这个插件极大地方便了开发者在用户提交数据之前检查输入的正确性和完整性，确保数据的质量和安全性。在本文中，我们将深入探讨jQuery Validate...
在这个“jquery validate表单验证插件制作注册表单验证提交”的主题中，我们将深入探讨如何使用这个插件来构建一个功能完善的注册表单。 首先，jQuery Validate 插件的核心在于它的简单易用性。在HTML中，你需要为...
在本文中，我们将深入探讨如何使用jQuery Validate插件来创建一个功能完备的注册表单，进行数据提交前的验证。jQuery Validate是一个强大的JavaScript库，它为HTML表单提供了灵活且易于使用的验证规则，确保用户输入...
jQuery Validate插件作为一款强大的JavaScript验证工具，广泛应用于各种表单验证场景，包括手机注册表单验证。本文将深入探讨jQuery Validate插件的使用方法，以及如何将其应用于手机注册表单的验证。 一、jQuery ...
### jQuery Validate 表单验证插件使用方法 在前端开发中，表单验证是一项非常重要的功能，它确保用户提交的数据符合预期的要求。jQuery Validate插件是基于jQuery的一个强大的表单验证库，它提供了多种预定义的...
总的来说，jQuery Validate插件为开发者提供了一种简单、灵活的方式来处理表单验证，大大简化了前端验证的复杂度，使得会员信息注册表单的验证变得更加容易。通过合理配置，我们可以确保用户输入的数据符合我们的...
实例是用jQuery的validate插件做的登陆表单的验证，效果还不错，代码部分可以参见我写的这篇博客：http://blog.csdn.net/eson_15/article/details/51497533
在本项目中，`jquery validate` 插件用于表单验证，它可以轻松地对用户输入进行实时验证，确保数据的完整性和准确性。 项目中的例子展示了如何使用SSM框架进行数据查询和添加。通常，这会涉及到以下几个步骤： 1. ...
2、掌握Jquery-validate表单验证插件的使用，了解表单验证的实现原理 实现一个基于Jquery的表单验证插件。 1、初步运用了Jquery框架进行编程，基本掌握Jquery框架的使用。 2、熟练使用Jquery-validate表单验证插件，...
总的来说，`jQuery Validate`的这个实例提供了一个实用的方法来增强表单验证体验，特别是对于密码安全性的强调。它不仅确保了用户输入的有效性，还鼓励他们创建更强大的密码，从而提高了整体的网络安全。通过理解并...
jQuery Validate 插件是Web开发中广泛使用的工具，主要用于实现前端表单验证，它极大地简化了用户输入数据的检查过程，提供了丰富的验证规则和自定义方法。在这个“jQuery Validate插件验证表单小练”中，我们将深入...
### jQuery.validate 表单验证框架详解 在现代Web开发中，表单验证是不可或缺的一环，它确保用户输入的数据符合预期格式，从而提高用户体验并减少服务器端的压力。jQuery.validate插件便是为此而生，它提供了丰富的...