Jquery 验证表单未在“返回 true”时提交

Question

哇，我的第一篇 Stackoverflow 帖子，我已经关注这个网站很多年了..无论如何，所以我有一个表单，我正在使用 Jquery 进行一些简单的验证，并且出于某种原因，即使“返回 true”正在通过，我通过在它之前放置一个警报来测试它。这是我的 jquery，它没有出现任何错误：

            var captcha_def = 'Please copy the text';

        $('input[type="submit"]').click( function(x){
            x.preventDefault();
            var validated;

            $('.validate').each(function(){
                var content = $(this).val();
                if ( content == '' )
                {
                    $(this).addClass('error');
                    validated = 'false';
                }
                else
                {$(this).removeClass('error');}
            });


            $('#conf_email').each( function(){  //Just to check to make sure their is a Email Confirmation

                var email = $("#email").val();
                var conf_email = $('#conf_email').val();
                if (email != conf_email)
                {
                    $('#email, #conf_email').addClass('error');
                    validated = 'false';
                }
                else
                {
                    $('#email, #conf_email').removeClass('error');
                }
            });



                var captcha = $('#captcha_input').val();
                if (captcha == captcha_def)
                {
                    $('#captcha_input').addClass('error');
                    validated = 'false';
                }
            alert(validated);

            if (validated === 'false') 
            {
                return false;
                } 
            else
            {   
                return true;
            }

        });

这是我的 html（已验证）：

<form id='freeform' name='a' method="post" action="index.php"  >


    <div id="contact_form">
        <h2><span class="small-caps">Send</span> US AN <span class="small-caps">Email</span></h2>

        <label for="name_input" class="text">*Your Name:</label><input type="text" name="name" class="text validate" id="name_input" /><br />
        <label for="email_input" class="text">*Email:</label><input type="text" name="email" class="text validate email" id="email_input" /><br />
        <label for="ta_message" class="textarea">Your Message:</label><br />
        <textarea id="ta_message" name="message"></textarea><br />

        <label for="captcha_input" class="text"><img src="/images/captchas" width="140" height="30" style="border:0;" alt=" " /></label><input type="text" name="captcha" class="captcha text validate" id="captcha_input" /><br />

        <input type="submit" id="submit" value="Submit"> 
    </div>

我一直在为这件事绞尽脑汁，不明白这是什么，随着最后期限的临近，我试图弄清楚我搞砸了什么。非常感谢您的帮助！

Answer 1

为什么你一开始就调用 x.preventDefault() 而不进行任何验证？仅当验证失败时才阻止默认行为怎么样？

Answer 2

x.preventDefault();行阻止控件（在本例中为提交）发生默认行为。删除该行或在 return false 之前移动，它应该可以工作。