`
enki_ding
  • 浏览: 211156 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jQuery+jQuery.validate+ajaxForm的例子

 
阅读更多

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.rar

    例如,当用户填写表单并点击提交按钮时,jQuery Validate首先会对表单数据进行验证,如果所有字段都符合验证规则,则jQuery Form会通过Ajax方式将数据发送到服务器,同时在后台处理数据。如果验证失败,错误信息会...

    jquery.form.js和使用说明

    1. **异步表单提交**:通过使用`$.ajaxForm()`或`$.ajaxSubmit()`方法,可以实现异步表单提交。例如: ```javascript $("#myForm").ajaxForm({ success: function(response) { // 提交成功后的回调函数,response...

    jquery.form.js

    通过调用`.ajaxForm()`或`.ajaxSubmit()`方法,可以轻松实现异步提交,并且支持JSON、XML等多种数据格式返回。 2. **文件上传**:对于包含文件输入的表单,`jquery.form.js`提供了跨浏览器的文件上传支持,解决了IE...

    jQuery.validate.js+API中文

    1. 自动绑定:jQuery Validate插件能自动绑定到form元素,监听表单提交事件。 2. 验证规则:内置多种验证规则,如required(必填)、email(邮箱格式)、number(数字)等。 3. 错误消息:可以自定义错误消息,支持...

    jquery表单验证框架:jquery.validate.zip

    jQuery.validate与许多其他jQuery插件兼容,如表单序列化插件serializeArray(),以及AJAX提交,可以方便地实现异步验证和数据提交。 总结,jQuery.validate插件以其强大的功能和易用性,使得客户端表单验证变得简单...

    jQuery.validate.js表单验证及API

    首先,jQuery.validate.js是由Jörn Zaefferer创建的一个轻量级插件,它是jQuery Form Plugin的一部分,主要用于简化HTML表单的验证过程。通过这个插件,开发者可以轻松地为表单添加自定义验证规则,提高用户体验,...

    jquery validate例子

    《jQuery Validate插件详解与实例应用》 在Web开发中,表单验证是不可或缺的一环,它能够确保用户输入的数据符合预设的规则,提高数据的准确性和安全性。jQuery Validate是一个强大的JavaScript库,专为jQuery设计...

    JQuery Validate插件的验证规则和例子,合成AJAX

    jQuery Validate插件支持通过AJAX进行远程验证。这允许我们在服务器端检查输入数据的合法性,而无需立即提交表单。以下是一个示例: ```javascript $("#myForm").validate({ rules: { fieldName: { required: ...

    Jquery插件,JqueryUI,JqueryForm,JqueryValidate,Jqueryvsdoc

    在这个压缩包中,我们重点探讨的是几个基于 jQuery 的核心插件,它们分别是:jQuery UI、jQuery Form、jQuery Validate 和 jQuery vsdoc。 1. **jQuery UI** jQuery UI 是一个扩展了 jQuery 功能的开源库,提供了...

    jquery[1].validate_框架详解

    本文将深入解析jQuery Validate框架的核心功能和用法。 首先,引入jQuery库和jQuery Validate插件的JavaScript文件是必要的。在示例代码中,我们可以看到`&lt;script&gt;`标签分别引入了`jquery-min.js`和`jquery....

    jquery.validate.1.8.1.rar

    《jQuery Validate 1.8.1:前端表单验证的利器》 在Web开发中,表单验证是一项不可或缺的功能,它能确保用户输入的数据符合预设的规则,从而提高用户体验并减少服务器端的压力。jQuery Validate插件是JavaScript库...

    jQuery.form.js

    $('#myForm').ajaxForm({ success: function(response) { // 处理成功返回的数据 }, error: function() { // 处理错误情况 } }); ``` 2. **异步上传**: ```javascript $('#fileInput').fileUpload({ ...

    Jquery validate和form插件

    `jQuery validate` 和 `jQuery form` 插件是 jQuery 生态系统中的两个重要工具,它们分别用于增强表单验证和实现 AJAX 无刷新提交,从而提供更流畅的用户体验。 **jQuery validate 插件** `jQuery validate` 是一...

    jquery.validate.js用法.doc

    ### jQuery.validate.js 插件详解及使用方法 #### 一、引言 `jQuery.validate.js` 是基于 jQuery 的一个非常强大的表单验证插件。它不仅提供了多种预定义的验证规则,还支持自定义规则,并且可以轻松地与 HTML 表单...

    jquery.validate.js验证

    在本篇文章中,我们将深入探讨 `jQuery Validate` 的核心功能、使用方法以及一些常见的应用场景。 ### 1. 安装与引入 首先,你需要在项目中引入 `jQuery` 和 `jQuery Validate`。通常,这两个库可以通过 CDN(内容...

    jquery.validate.js表单验证[借鉴].pdf

    要在项目中使用 `jQuery.validate.js`,首先需要引入 jQuery 库,然后引入 validate 插件,如下所示: ```html &lt;script src="../js/jquery.js" type="text/javascript"&gt; &lt;script src="../js/jquery.validate.js" ...

    jQuery.validate插件(附代码实例)

    jQuery.validate插件是jQuery库的一个强大验证工具,用于在客户端实现表单数据的验证,它大大简化了网页表单验证的复杂性。该插件提供了一系列内置规则和自定义规则,能够灵活地验证用户输入的数据,确保数据的有效...

    Spring shiro + bootstrap + jquery.validate 实现登录、注册功能

    之前的文章中我们已经搭建好框架,并且设计好了,数据库。 现在我们开始实现登录功能,这个可以说是Web应用最最...首先前端验证,这里使用了jquery.validate来进行验证,jquery.validate的使用很简单,这里我们说说存js

    Jquery(Validate-Form)使用方法[张振华.Jack]

    ### Jquery(Validate-Form)使用方法详解 #### 一、Jquery Validate 概述 Jquery Validate 是一个非常流行的前端表单验证插件,它由 Jörn Zaefferer 编写和维护,他是 jQuery 团队的一员,同时也是 jQuery UI 的...

Global site tag (gtag.js) - Google Analytics