需要帮助jQuery表格提交

Question

我经常搜索并尝试了许多解决方案，但没有成功。

您能帮我弄清楚我在遵循jQuery代码时犯了什么错误：

<script type="text/javascript">
    jQuery(document).ready( function($) {
    var $form = $('#contact_form');
    $form.submit( function(e) {
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: "../validateNumber.php",
            data: {"mobile": $('#mobile-number').val()},
            success: function(response) {
                if(response=="invalid"){
                    $(".head").text("Please enter valid mobile number");
                    $( "#mobile-number" ).focus();
                }
            }            
        }); 
    });
    });
    </script>

代码工作正常。我在响应上遇到错误=="无效"。但是我的表格没有提交。

谢谢

Answer 1

您正在定义处理程序，但实际上从未提交表格。这是您想要的，自动提交表格吗？

<script type="text/javascript">
jQuery(document).ready(function($) {
    var $form = $('#contact_form');
    $form.submit(function(e) {
        e.preventDefault();
        $.ajax({
            type: 'POST',
            url: "../validateNumber.php",
            data: {"mobile": $('#mobile-number').val()},
            success: function(response) {
                if(response=="invalid"){
                    $(".head").text("Please enter valid mobile number");
                    $( "#mobile-number" ).focus();
                }
            }            
        }); 
    });
    $form.submit();
});
</script>

Answer 2

尝试代码：

<script type="text/javascript">
$(document).ready( function() {  
$('#contact_form').submit( function(e) {
  if( $('#contact_form').valid()){
    $.ajax({
        type: 'POST',
        url: "../validateNumber.php",
        data: {"mobile": $('#mobile-number').val()},
        success: function(response) {
            if(response=="invalid"){
                $(".head").text("Please enter valid mobile number");
                $( "#mobile-number" ).focus();
            }
        }            
    }); }
});
});
</script>