html
<form id="form" >
<label for="cName">
用户名
</label>
<label for="cName" > 我们要测试</label>
<input id="cName1" name="cName" >
<input type="submit" value="Test" />
</form>
-------
<script type="text/javascript">
$.validator.setDefaults({
submitHandler: function(form) {
form.submit();
}
});
$(document).ready(function() {
function showRequest()
{
var isSuccess=$("#form").validate().form(); //.form(); 返回是否验证成功
return isSuccess;
}
function showResponse(responseText, statusText, xhr, $form) {
if (responseText) {
alert(responseText);
}
}
var options={
beforeSubmit: showRequest,
success : showResponse
}
$("#form").ajaxForm(options);
$("#form").validate( {
rules : {
cName : "required"
},
messages : {
cName :"请输入值"
}
});
});
</script>
分享到:
相关推荐
例如,当用户填写表单并点击提交按钮时,jQuery Validate首先会对表单数据进行验证,如果所有字段都符合验证规则,则jQuery Form会通过Ajax方式将数据发送到服务器,同时在后台处理数据。如果验证失败,错误信息会...
1. **异步表单提交**:通过使用`$.ajaxForm()`或`$.ajaxSubmit()`方法,可以实现异步表单提交。例如: ```javascript $("#myForm").ajaxForm({ success: function(response) { // 提交成功后的回调函数,response...
通过调用`.ajaxForm()`或`.ajaxSubmit()`方法,可以轻松实现异步提交,并且支持JSON、XML等多种数据格式返回。 2. **文件上传**:对于包含文件输入的表单,`jquery.form.js`提供了跨浏览器的文件上传支持,解决了IE...
1. 自动绑定:jQuery Validate插件能自动绑定到form元素,监听表单提交事件。 2. 验证规则:内置多种验证规则,如required(必填)、email(邮箱格式)、number(数字)等。 3. 错误消息:可以自定义错误消息,支持...
jQuery.validate与许多其他jQuery插件兼容,如表单序列化插件serializeArray(),以及AJAX提交,可以方便地实现异步验证和数据提交。 总结,jQuery.validate插件以其强大的功能和易用性,使得客户端表单验证变得简单...
首先,jQuery.validate.js是由Jörn Zaefferer创建的一个轻量级插件,它是jQuery Form Plugin的一部分,主要用于简化HTML表单的验证过程。通过这个插件,开发者可以轻松地为表单添加自定义验证规则,提高用户体验,...
《jQuery Validate插件详解与实例应用》 在Web开发中,表单验证是不可或缺的一环,它能够确保用户输入的数据符合预设的规则,提高数据的准确性和安全性。jQuery Validate是一个强大的JavaScript库,专为jQuery设计...
jQuery Validate插件支持通过AJAX进行远程验证。这允许我们在服务器端检查输入数据的合法性,而无需立即提交表单。以下是一个示例: ```javascript $("#myForm").validate({ rules: { fieldName: { required: ...
在这个压缩包中,我们重点探讨的是几个基于 jQuery 的核心插件,它们分别是:jQuery UI、jQuery Form、jQuery Validate 和 jQuery vsdoc。 1. **jQuery UI** jQuery UI 是一个扩展了 jQuery 功能的开源库,提供了...
本文将深入解析jQuery Validate框架的核心功能和用法。 首先,引入jQuery库和jQuery Validate插件的JavaScript文件是必要的。在示例代码中,我们可以看到`<script>`标签分别引入了`jquery-min.js`和`jquery....
《jQuery Validate 1.8.1:前端表单验证的利器》 在Web开发中,表单验证是一项不可或缺的功能,它能确保用户输入的数据符合预设的规则,从而提高用户体验并减少服务器端的压力。jQuery Validate插件是JavaScript库...
$('#myForm').ajaxForm({ success: function(response) { // 处理成功返回的数据 }, error: function() { // 处理错误情况 } }); ``` 2. **异步上传**: ```javascript $('#fileInput').fileUpload({ ...
`jQuery validate` 和 `jQuery form` 插件是 jQuery 生态系统中的两个重要工具,它们分别用于增强表单验证和实现 AJAX 无刷新提交,从而提供更流畅的用户体验。 **jQuery validate 插件** `jQuery validate` 是一...
### jQuery.validate.js 插件详解及使用方法 #### 一、引言 `jQuery.validate.js` 是基于 jQuery 的一个非常强大的表单验证插件。它不仅提供了多种预定义的验证规则,还支持自定义规则,并且可以轻松地与 HTML 表单...
在本篇文章中,我们将深入探讨 `jQuery Validate` 的核心功能、使用方法以及一些常见的应用场景。 ### 1. 安装与引入 首先,你需要在项目中引入 `jQuery` 和 `jQuery Validate`。通常,这两个库可以通过 CDN(内容...
要在项目中使用 `jQuery.validate.js`,首先需要引入 jQuery 库,然后引入 validate 插件,如下所示: ```html <script src="../js/jquery.js" type="text/javascript"> <script src="../js/jquery.validate.js" ...
jQuery.validate插件是jQuery库的一个强大验证工具,用于在客户端实现表单数据的验证,它大大简化了网页表单验证的复杂性。该插件提供了一系列内置规则和自定义规则,能够灵活地验证用户输入的数据,确保数据的有效...
之前的文章中我们已经搭建好框架,并且设计好了,数据库。 现在我们开始实现登录功能,这个可以说是Web应用最最...首先前端验证,这里使用了jquery.validate来进行验证,jquery.validate的使用很简单,这里我们说说存js
### Jquery(Validate-Form)使用方法详解 #### 一、Jquery Validate 概述 Jquery Validate 是一个非常流行的前端表单验证插件,它由 Jörn Zaefferer 编写和维护,他是 jQuery 团队的一员,同时也是 jQuery UI 的...