表单验证后服务器端脚本无法正常工作

Question

HY！ 我有一个注册表格。 我想在完成验证后使用ajax提交表单。我使用jquery插件进行验证。 但是，只要点击任何字段，ajax请求就会自动发送到服务器并在点击提交按钮之前返回响应。 此外，我收到“缺失值”消息。 我不知道，错误在哪里。 帮我 ！

Validation.js

$(document).ready(function() {

    $('#signup_form').formValidation({

        // To use feedback icons, ensure that you use Bootstrap v3.1.0 or later
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {

            }
        })
        .on('success.form.bv', function(e) {
                $('#signup_form').data('formValidation').resetForm();

        });
});

form_signup.php

<script type="text/javascript">
$(document).ready(function (){
    $('#signup_form').submit(function(e){ e.preventDefault(); });
 $(function(){
        $("#signup_form").click(function(event){
            //event.preventDefault();

            $.ajax({
                    url:'form_process.php',
                    type:'POST',
                    data:$(this).serialize(),
                    success:function(result){
                       alert(result);

                    }

            });
        });
    });
    });

form_process.php

<?php
print_r($_POST);
require_once './functions/functions.php';

if(isset($_POST['FirstName']))
{
     echo $firstName = $_POST['FirstName'];
   }
else{ echo ("missing value!");}

Answer 1

你在表单上点击内部表单提交调用ajax？ ，你需要在表单提交上调用它！

 $(document).ready(function(){
  $('#signup_form').submit(function(e){
        e.preventDefault();
        $.ajax({
                url:'form_process.php',
                type:'POST',
                data: $('#signup_form').serialize(),
                success:function(result){
                   alert(result);

                }

           });
    });
 });

试试这种方式......

希望能帮助到你