-3

Ajax や PHP はわかりませんが、ページを更新せずにこのフォームを送信し、送信ボタンの横にチェック アイコンを表示したいと考えています。これどうやってするの？

<form id="form" action="" method="post">
    <input type="text" id="email" value="e-mail address" />
    <input type="submit" id="submit" name="submit" value="Submit" />
</form>
4

2 に答える 2

0 
<script>
function xyz(){
var email_val=$('#email').val();
$.post("ajax.php",{"email":email_val},function(data){
  if(data) {
      $('#message').html('Data submit successfully');
      $('#email').val('');
    }
    else{
       $('#message').html('Failed');
    }
});
}

</script>


<form id="form" action="" method="post" onsubmit="xyz()">
   <input type="text" id="email" value="e-mail address" />
   <input type="submit" id="submit" name="submit" value="Submit" />
   <span id="message"></span>
</form>

ajax.php

if(isset($_REQUEST['email'])){
     //Your code here
}
于 2013-08-18T18:18:37.413 に答える
0

AJAX と PHP を認識していなくても、ページをリロードせずにフォームを送信する必要がある場合は、このチュートリアルに従ってください。

http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

于 2013-08-18T18:19:12.133 に答える