1

我有一个验证 php 和 javascript 的表单。

我想将javascript验证更改为实时。我已经设置好了，所以如果用户在单击提交按钮后输入正确的信息或不正确的信息，则会添加类和消息。这是我使用了一段时间的验证，并希望更新为实时验证。我试图将 onblur(myFunction) 等添加到具有相应功能的输入字段中。这似乎不起作用。我是一个 JavaScript 菜鸟。我意识到脚本需要进行相当多的大修，但是有人可以指出我正确的方向。我意识到有一个 jquery 插件可以做到这一点，但是我想了解它是如何发生的，而不是使用现有的代码。

        $(function () {
        $('#contact_form').submit(function(e) {
            e.preventDefault();
            var form = $(this);
            var post_url = form.attr('action');
            var post_data = form.serialize();
            var submit_form = false;

            *validation here*

            if (pcount == 0 && pcount2 == 0 && pcount3 == 0) {
                submit_form = true;
            }

            if (submit_form) {
                $('#loader', form).html('<img src="assets/img/loader.gif" /> Please Wait...');
                $.ajax({
                    type : 'POST',
                    url : post_url,
                    data : post_data,
                    success : function(msg) {
                        $(form).fadeOut(500, function() {
                            form.html(msg).fadeIn();
                        });
                    }
                });
            }
        });

    });
4

1 回答 1

1

这并不难，只需像这样将发送和验证分开：

$.fn.validateMyForm = function() {
    var form = $(this);
    /* validation */
    if (pcount == 0 && pcount2 == 0 && pcount3 == 0) {
        return true;
    }
    return false;
}

$(function () {
    $('#contact_form').submit(function(e) {
        e.preventDefault();
        var form = $(this);
        var post_url = form.attr('action');
        var post_data = form.serialize();
        if ($(form).validateMyForm()) {
            /* ajax sending */
        });
    }
});

然后在需要的地方添加对模糊事件的验证：

$("input").blur({
    $('#contact_form').validateMyForm();
});
于 2013-03-15T22:46:41.933 回答