Question

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

        $("#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
            }
        });

好吧，我有一个内联验证，当我按下提交按钮时，它会提交数据，然后再次验证内联输入（也可能是其他所有其他内容）。我想要的是：当我模糊输入时，我需要进行验证（包括ajax内联），当我提交时我需要验证。

而且我也不清楚这个计划。例如，我有一个包含大量输入的表单。当我按下提交按钮时，验证引擎必须检查输入，之后我将数据发送到我的PHP脚本，必须再次检查它们？（如果我们正在处理黑客攻击）。如果数据无效，例如我们可以使用类似

的内容

在此先感谢，我真的很感激任何帮助

Answer 1

找了一段时间找到我确切问题的解决方案后，找到了它。

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

Jquery validationengine + ajax表单

1 个答案: