如何使用給ajaxForm插件和PHP

我想要使用ajaxform plugin，使用PHP，請幫助我，我沒能趕上我的目標是如何使用給ajaxForm插件和PHP

1-用戶填寫此表，（（甚至是我想要的用戶上傳圖片，但我沒有太多的結果編碼，所以我刪除了輸入類型=「文件」，如果你有一個想法如何在ajaxform和PHP中處理這個請編輯我的表格））

< form name="signup" autocomplete="on" id="signup_form" method="get" action="signup_feed.php"> 
<fieldset> 
<legend>Sign Up</legend> 
<label class="span-4" >First Name*:</label> <input type="text" id="u_fname" name="u_fname"/><br/> 
<label class="span-4">Last Name*:</label><input type="text" id="u_lname" name="u_lname"/><br/> 
<label class="span-4">Email*:</label><input type="email" id="u_email" name="u_email"/><br/> 
<label class="span-4">Password*:</label><input type="password" id="u_pass" name="u_pass"/></br> 
<label class="span-4">Re-type Password*:</label><input type="password" name="u_re_pass"/></br> 
<label class="span-4">Phone no.:</label><input type="tel" id="u_phone" name="u_phone" /><br/> 

<input type="submit" value="Sign up" class="button" id="sign_up_btn"/> 
</fieldset> 
</form>

2-使用ajaxform我希望提交上述表單的值，之後有5秒鐘的倒計時重定向到sign_in.php頁面

var options = { 

target:'#sign_up_div', 
success: function(){ 
$('#sign_up_div').replaceWith("<div id='signup_success_msg' class='success'></div>"); 
     $('#signup_success_msg').html("<h3>You have registered ! </h3>") 
     .hide() 
     .fadeIn(1500, function() { 
      $('#signup_success_msg').append("<img id='checkmark' src='img/icon-check.png' />"); 

     }); 
     $('#signup_success_msg').append('<p>please sign up</p>').delay(2500).fadeOut(1500, function() { $(this).remove(); }); 

}, 
url:signup_feed.php, 
type:post 

}; 

$('#signup_form').submit(function() { 
     // inside event callbacks 'this' is the DOM element so we first 
     // wrap it in a jQuery object and then invoke ajaxSubmit 
     $(this).ajaxSubmit(options); 

     // !!! Important !!! 
     // always return false to prevent standard browser submit and page navigation 
     return false; 
    });

3- PHP中使用redbeansphp來存儲數據

$user = R::dispense('user'); 
     $user->u_fname=$_GET['u_fname']; 
     $user->u_lname=$_GET['u_lname']; 
     $user->u_email=$_GET['u_email']; 
     $user->u_pass=$_GET['u_pass']; 
     $user->u_phone=$_GET['u_phone']; 

     $id = R::store($user); 

     echo "<p> Thank you for resigteration! Please sign in </p><p id='countdown'></p> 
     <p>if you still see this page , please <label><a href='sign_in.php'>click here</a></label> </p>";

我還是新的jQuery的，但我真的希望在我的形式來實現這些目標..

來源

2012-09-27 Haifa_ash

$('form[name="formName"]').ajaxForm({ 
    success : function (response) { 

     alert("submitted"); 
    } 
}).submit()

這是在我的項目中工作ajaxform。嘗試這個。

來源

2012-09-27 06:15:58

您可以添加：setTimeout(function() { location.href = "TARGET_URL"; }, 5000;內success: function() { }

來源

2012-09-27 06:01:41

我堅持在提交表單後重定向到sign_in.php –

如何使用給ajaxForm插件和PHP

回答

相關問題