0

私はajax登録をしようとしています. しかし、私は基本的に見ています：

  1. 送信ボタンが押されたらフォームを非表示にする
  2. 回転するアイコンを表示し、
  3. 成功した場合、成功メッセージが表示され、フォームは表示されません
  4. それ以外の場合は、エラーを表示します。

コード：

var ajaxurl = '<?php echo admin_url('admin-ajax.php') ?>';
jQuery('#register-me').on('click',function(){
   var action = 'register_action';
   var username = jQuery("#st-username").val();
   var mail_id = jQuery("#st-email").val();
   var firname = jQuery("#st-fname").val();
   var lasname = jQuery("#st-lname").val();
   var passwrd = jQuery("#st-psw").val();
   var ajaxdata = {
      action: 'register_action',
      username: username,
      mail_id: mail_id,
      firname: firname,
      lasname: lasname,
      passwrd: passwrd,
   }
   jQuery.post( ajaxurl, ajaxdata, function(res){
       jQuery("#error-message").html(res);
});
4

3 に答える 3

1

フォーム要素に id="myform" を追加してから: $("#myform").hide();

アイコンについて。ボタンをクリックするとアイコンが表示され、成功またはエラーが発生すると再び非表示になります。

于 2013-09-18T14:26:47.390 に答える
0 
jQuery('#register-me').on('click',function(){
    $("#myform").hide();
    jQuery('#loadingmessage').show(); 
    var action = 'register_action';
    var username = jQuery("#st-username").val();
    var mail_id = jQuery("#st-email").val();
    var firname = jQuery("#st-fname").val();
    var lasname = jQuery("#st-lname").val();
    var passwrd = jQuery("#st-psw").val();
    var ajaxdata = {
        action: 'register_action',
        username: username,
        mail_id: mail_id,
        firname: firname,
        lasname: lasname,
        passwrd: passwrd,
    }
    jQuery.post( ajaxurl, ajaxdata, function(res){
        $('#loadingmessage').hide(); // hide the loading message
        $("#myform").show();
        jQuery("#error-message").html(res);
    });
});

フォームに ID を追加し、画像を含む div を追加し、ID を指定して css で非表示にします。

于 2013-09-18T15:05:41.810 に答える