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>

需要帮助jquery表单提交

2 个答案: