Question

我想通过AJAX提交表单，并在我提交时显示“form_treatment.php”（表单验证）中包含的错误消息，而不会将php重定向到“form_treatment.php”。我有什么要写在下面的lign？

$.post("form_treatment.php",name, ???);

我在form.php中有一个基本形式：

<form method="post" action="form_treatment.php" >
    <input type="text" name="user_name" value="Your name..." /> 
    <button type="submit" >OK</button>
</form>

此表单在form_treatment.php中处理：

if ( empty($_POST['user_name']) ){      
    echo 'You have to enter your name.';        
} else { 
    $already_existing = verify_existence( $_POST['user_name'] ); 
    // verification in the DB, return true or false

    if( $already_existing ){
        echo 'Name already used.';
    } else {    
        // Entering the name in the DB
    }
}

Answer 1

您可以尝试以下内容：

<form id="myForm" method="post" action="form_treatment.php" >
    <span id="message"></span>
    <input type="text" name="user_name" value="Your name..." /> 
    <input type="submit" >OK</button>
</form>

和javascript：

$('#myForm').submit(function() {
  var myForm = $(this);
  $.ajax({
    type: 'POST',
    url: 'form_treatment.php',
    data: myForm.serialize(),
    success: function (data) {
       $('#message').html(data);
    }
  }); 
  return false;
});

Answer 2

您可以通过两种方式实现这一目标第一个在同一页面第二个通过AJAX 第一种方式可以这样做

<?php
if(isset($_POST['sub']) && $_POST['sub'] == 'true'):
if ( empty($_POST['user_name']) ){      
    echo 'You have to enter your name.';        
} else { 
    $already_existing = verify_existence( $_POST['user_name'] ); 
    // verification in the DB, return true or false

    if( $already_existing ){
        echo 'Name already used.';
    } else {    
        // Entering the name in the DB
    }
}

endif; 
?>
<form method="post" action="<?php echo $PHP_SELF; ?>" >
    <input type="text" name="user_name" value="Your name..." /> 
    <input type="hidden" name="sub" value = "true" >
    <button type="submit" >OK</button>
</form>

通过ajax的第二种方式 可以这样做

<div id="errors"></div>
<form method="post" id="myFrm">
        <input type="text" name="user_name" value="Your name..." id="name" /> 
        <button type="submit" >OK</button>
</form> 

<sctipt>
$("#myFrm").submit(function() {
  var NameFromForm = $('#name').val(); 
   $.post("form_treatment.php", { "user_name": NameFromForm },
 function(data){
   $("#errors").html(data); 
 });
    event.preventDefault();
});
</script>

如果您需要任何解释，请发表评论

验证提交的表单，而不将PHP重定向到操作页面

2 个答案: