AJAX表单验证问题 [英] AJAX form validation problem

问题描述

所以我试图用ajax做一个评论系统，它工作得很好，但是我想用它做验证，因为如果hte形式的值是空的并且我不知道是什么问题，我不希望它提交是.
以下是ajax代码:

So i am trying to do a comment system with ajax and it works perfectly but i am trying to do validation with it because i do not want it to submit if the value of hte form is empty and i cannot figure what the problem is.
The follow ins the ajax code :

 $(document).ready(function(){

   $(document).on(''click'',''.submitComment'',function(e) {

        e.preventDefault();
        //send ajax request
        var form = $(this).closest(''form'');
        var formValue = $(this).closest(''form'').val();
        if (formValue.length > 0)
        {
        $.ajax({
            url: ''ajax_comment.php'',
            type: ''POST'',
            cache: false,
            dataType: ''json'',
            data: $(form).serialize(), //form serialize data
            beforeSend: function(){
                //Changeing submit button value text and disableing it
                $(this).val(''Submiting ....'').attr(''disabled'', ''disabled'');
            },
            success: function(data)
            {
                var item = $(data.html).hide().fadeIn(800);
                $(''.comment-block_'' + data.id).append(item);

                // reset form and button
                $(form).trigger(''reset'');
                $(this).val(''Submit'').removeAttr(''disabled'');
            },
            error: function(e)
            {
                alert(e);
            }
        });
    }
    else
    {
        alert("Please fill in the form");

    }
    });
});

即使填写了表单，它也只会继续处理条件的其他部分.

It just keep going to the else part of the condistion even when the form is filled up.

推荐答案

(document).ready(function(){

(document).ready(function(){

(document).on(``click''，''.submitComment''，function(e){ e.preventDefault(); //发送ajax请求 var form =

(document).on(''click'',''.submitComment'',function(e) { e.preventDefault(); //send ajax request var form =

(this).closest(``form''); var formValue =

(this).closest(''form''); var formValue =

这篇关于AJAX表单验证问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！