首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Jquery验证引擎+ ajax表单

Jquery验证引擎+ ajax表单
EN

Stack Overflow用户
提问于 2011-12-25 05:04:49
回答 1查看 2.7K关注 0票数 2

我使用ajax表单插件,这就是我处理表单的方式。现在我决定添加一个漂亮的插件- validationengine。但我不知道如何整合它。我拥有的代码如下:

代码语言:javascript
复制
        $("#addCompanyForm").validationEngine({scroll:false});
        $("#addCompanyForm").ajaxForm({
            beforeSubmit: function() {
                valid = $("#addCompanyForm").validationEngine('validate');
                if (valid == false) return false;
                //some actions like blocking interface (show loader) etc
            },
            url: myURL,
            success: function() {
                //some actions like unblocking interface etc
            }
        });

嗯,我有一个内联验证,当我按下submit按钮时,它会提交数据,然后再次验证内联输入(可能还有其他所有输入)。我想要什么:当我模糊输入时,我需要验证(包括ajax内联),当我提交时,我需要验证。

而且我也不是很清楚这个计划。例如,我有一个有很多输入的表单。当我按下提交按钮时,验证引擎必须检查输入,然后我将数据发送到我的php脚本,它必须再次检查它们?(以防我们正在处理黑客企图)。例如,如果数据无效,我们可以使用下面的内容

提前感谢,如果有任何帮助,我将不胜感激

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-08-09 23:58:31

在寻找了一段时间来解决我的确切问题之后,我找到了它。

代码语言:javascript
复制
<script>
    $(function() { 
        var options = { 
            target:        '#save',
            dataType:      'json',
            beforeSubmit:  showRequest,
            success:       showResponse
        }; 
        $('#form').validationEngine({scroll:false});
        $('#form').ajaxForm(options);

    });

    function showRequest(formData, jqForm, options) { 
        var valid = $("#form").validationEngine('validate');
        if (valid == true) {
            $("#save").fadeIn().html('<p class="message loading">Saving...</p>');
            return true;
        }else{
            return false;
        }
    } 

    function showResponse(data, responseText, statusText)  { 
        $("#save").fadeOut().html('<p class="message success">Saved.</p>');
    } 
</script>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8626872

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档