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

时间:2016-05-17 10:08:10

标签: javascript php jquery ajax validation

HY! 我有一个注册表格。我想在完成验证后使用ajax提交表单。我使用jquery插件进行验证。但是,只要点击任何字段,ajax请求就会自动发送到服务器并在点击提交按钮之前返回响应。 此外,我得到了#34;缺失的价值"信息。 我不知道,错误在哪里。 救救我!

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!");}

1 个答案:

答案 0 :(得分:3)

你在表单上点击表单提交时调用ajax? ,你需要在表格提交上调用它!

DataContext = this;
this.InitializeComponent();

试试这个......

希望有所帮助