`
jiahh
  • 浏览: 38957 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

jquery.validationEngine 验证 AJAX 不起作用解决办法

 
阅读更多
使用ajax时 返回必须是json形式:
json名字可以随意,但[0]位置 必须是验证的控件id,[1]位置是是否成功





使用ajax时 一直处于等待验证状态,验证不起作用:





原因是因为内置json接收方式不对,所以 我们需要修改js文件代码



打开 jquery.validationEngine.js 文件

搜索 "$.ajax" 找到第二个 $.ajax

找到 success 回调处理函数

jsonValidateReturn就是你ajax处理返回的json数据的名字


success: function(json) {
                         // asynchronously called on success, data is the json answer from the server
                         var errorFieldId = json[0];   //修改这里  json[0] 修改成json.jsonValidateReturn[0]
                         //var errorField = $($("#" + errorFieldId)[0]);
                         var errorField = $($("input[id='" + errorFieldId +"']")[0]);

                         // make sure we found the element
                         if (errorField.length == 1) {
                             var status = json[1];     //修改这里  json[1] 修改成json.jsonValidateReturn[1]
                             // read the optional msg from the server
                             var msg = json[2];        //修改这里  json[2] 修改成json.jsonValidateReturn[2]  我们并没有返回消息 所以这里是null
                             if (!status) {
                                 // Houston we got a problem - display an red prompt
                                 options.ajaxValidCache[errorFieldId] = false;
                                 options.isError = true;

                                 // resolve the msg prompt
                                 if(msg) {
                                     if (options.allrules[msg]) {
                                         var txt = options.allrules[msg].alertText;
                                         if (txt) {
                                            msg = txt;
                     }
                                     }
                                 }
                                 else
                                    msg = rule.alertText;

                                 methods._showPrompt(errorField, msg, "", true, options);
                             } else {
                                 if (options.ajaxValidCache[errorFieldId] !== undefined)
                                    options.ajaxValidCache[errorFieldId] = true;

                                 // resolves the msg prompt
                                 if(msg) {
                                     if (options.allrules[msg]) {
                                         var txt = options.allrules[msg].alertTextOk;
                                         if (txt) {
                                            msg = txt;
                     }
                                     }
                                 }
                                 else
                                 msg = rule.alertTextOk;

                                 // see if we should display a green prompt
                                 if (msg)
                                    methods._showPrompt(errorField, msg, "pass", true, options);
                                 else
                                    methods._closePrompt(errorField);
                             }
                         }
                         errorField.trigger("jqv.field.result", [errorField, options.isError, msg]);
                     }
分享到:
评论

相关推荐

    jQuery.validationEngine 表单验证中文版

    jQuery.validationEngine是一款强大的JavaScript插件,专用于前端表单验证。这款插件以其简洁的API、丰富的验证规则和良好的国际化支持而备受青睐。在中文环境中,它可以为用户提供友好的中文提示,确保用户输入的...

    jQuery Validation Engine ( jQuery 表单验证插件)

    - `js` 文件夹:主要的JavaScript文件,如`validationEngine.jquery.js`是核心库,`validationEngine.jquery.min.js`是压缩版本。 - `demo` 文件夹:包含示例代码和演示,可以帮助你快速理解和使用Validation Engine...

    jquery.validationEngine 控件验证表单跟检测数据库是否有重名

    《jQuery.validationEngine控件在表单验证与数据库重名检测中的应用详解》 在Web开发中,表单验证是不可或缺的一环,它确保了用户输入数据的准确性和完整性。jQuery.validationEngine是一款强大的JavaScript验证...

    jquery表单验证插件validationEngine---个人修改

    **jQuery表单验证插件ValidationEngine详解** 在Web开发中,表单验证是必不可少的一环,它能够确保用户输入的数据符合预设的规则,从而提高数据的准确性和系统的稳定性。ValidationEngine是一款基于jQuery的强大的...

    JQuery.validationEngine表单验证插件(推荐)

    Ajax后台验证是JQuery.validationEngine的特色功能之一,它允许开发者定义全局的扩展验证规则,并且可以在服务器端定义消息内容,虽然该功能目前还不支持回调处理。此外,该插件支持其他自定义扩展,以满足不同项目...

    jQuery-Validation-Engine-master

    2. **包含资源**:将下载的压缩包解压后,将`css`目录下的样式文件(如`validationEngine.jquery.css`)和`js`目录下的JavaScript文件(如`jquery.validationEngine-en.js`和`jquery.validationEngine.js`)引入到你...

    (六)struts2 spring3 mybatis-3.2.3jquery.validationEngineajax表单验证数据库重复

    【标题】"(六)struts2 spring3 mybatis-3.2.3 jquery.validationEngine ajax表单验证 数据库重复"所涉及的技术栈主要包括Struts2、Spring3、MyBatis3.2.3以及前端的jQuery.validationEngine和Ajax技术。...

    动态表单验证 jquery

    在动态表单验证领域,jQuery提供了一个强大且易于使用的解决方案,即`jquery.validationEngine.js`。这个插件提供了丰富的验证规则和友好的提示样式,使得创建交互式的表单验证变得简单。 首先,我们需要引入jQuery...

    表单验证jquery插件

    你可以通过扩展 `jQuery.validationEngine` 对象来自定义验证函数: ```javascript $.extend($.validationEngine.defaults.rules, { customRule: function(field, ruleParams) { // 验证逻辑 if (/* 通过验证 */...

    jQuery.Validator

    "jquery.validationEngine.js"是jQuery.Validator的核心脚本,包含了所有验证功能的实现。这个文件通常需要在HTML页面中引入,以启用验证功能。 总的来说,jQuery.Validator通过其丰富的验证规则、多语言支持、...

    validationEngine验证组件改样式

    这个压缩包文件可能包含了经过修改后的validationEngine验证组件,以适应特定的界面风格或者满足部门老大对样式的要求。 在使用validationEngine时,主要涉及以下几个关键知识点: 1. **jQuery基础**:validation...

    Jquery验证插件

    本文介绍的是一个名为`validationEngine`的jQuery表单验证插件。 #### 三、功能特点 - **美观的验证提示**:该插件提供了美观的Tooltip效果来显示验证结果,增强了用户交互体验。 - **广泛的浏览器兼容性**:虽然...

    validationEngine中文版.pdf

    `validationEngine`是一款基于jQuery的强大的表单验证插件,主要功能是确保用户在填写表单时输入的数据符合预设的验证规则,从而提高数据质量和用户体验。该插件由明河发布,并且由热心用户小杰翻译为中文版,特别...

    jquery validation 支持zepto第二版

    在IT行业中,前端开发是至关重要的一个领域,而jQuery Validation插件则是JavaScript中用于表单验证的常用工具,它提供了一套完整的解决方案来确保用户输入的数据满足预设的规则。Zepto.js则是一个轻量级的...

    表单验证jQuery-Validation-Engine-master

    **jQuery Validation Engine** 是一个强大的JavaScript插件,主要用于前端网页上的表单验证。它通过提供丰富的自定义样式和多种验证规则,帮助开发者实现用户输入数据的有效性和格式验证,确保用户在提交表单前输入...

    jQuery-Validation-Engine:jQuery表单验证插件

    jQuery.validationEngine v3.1.0 寻找官方贡献者 这个项目已经进行了7年多了,现在我仅通过请求请求的贡献来维护该项目。 但是,我很乐意帮助提高代码质量并保持可接受的未解决问题。 概括 jQuery验证引擎是一个...

    很漂亮的Jquery验证框架(内带实例)

    首先,jQuery Validation Engine的核心组件是`jquery.validationEngine.js`,这个文件包含了验证引擎的主要逻辑。该文件通过绑定到表单元素的事件,实现对用户输入的实时验证。它的主要特点是支持多种验证规则,如...

    Validate验证框架JavaScript

    3. `jquery.validationEngine.js`:验证引擎的主要实现文件。 4. `validationEngine.jquery.css`:样式文件,用于美化验证提示。 5. 可选的其他CSS文件,如`template.css`和`css.css`,用于自定义样式。 初始化验证...

Global site tag (gtag.js) - Google Analytics