2012-02-08 5 views
0

私はログインフォーム(クリック時、ログインフォームのスライドダウム)を持つページを持っていますし、その下に新しいユーザーを登録するためのリンクがあります。 「新規登録」リンクをクリックすると、新しいフォームがポップアップし、各フィールドを検証した後、送信イベントが機能しません - ログインフォームもあり、jQueryは最初のフォームの送信イベントをトリガーしようとします。jquery 2は1つの浮動小数点を作成します

この特定のonsubmitイベントをトリガする方法 - 第2の形式ですか?私は最初のフォームを隠そうとしましたが、うまくいかず、それを無効にしようとしましたが、これもうまくいきません。 (別のページのフォームは正常に動作します - PHPとJSで検証済み)

私はこれは簡単なことだと思っています。これまで私はこの問題を克服していましたが、実際にどのように動作させるかを知りたいのです。

ありがとうございました。レジスタクリックオンの場合:

<div id="loginFormContainer"> 
<h2 id="loginShow" class="myriad_pro_bold_condensed_italic">Login</h2>  
<form name="login_form" action="<?php if(isset($action) && !empty($action)) echo $action; ?>" method="POST" id="login_form" > 
    <fieldset> 
     <label>Your name </label> 
     <input type="text" name="username" maxlength="30" id="username_login" value="" class="required" placeholder="Enter Your Name" /> 
     <label>Your password </label> 
     <input type="password" name="password" maxlength="16" id="password_login" value="" class="required " placeholder="Enter Your Password" /> 
    </fieldset> 
    <input type="hidden" name="token" value="<?php if(isset($token)) echo $token; ?>" /> 
    <input type="submit" name="submit-login" id="submit_login" value="Login" /> 
</form> 
    <div class="small"><a href="register.php" id="register">Register</a> | <a href="password-new.php" id="new-password">Forgotten Password</a></div> 
    <div class="error"></div> 
</div> 

そしてJS ...のように動作するはずです:生憎

。これのどれもが作品を答えていない... ここでは、コードがあるのならば、Windowsがアップをポップに登録しますログインフォームが下にスライドするはずです。 現在、両方ともスライドしています...登録したい場合はログインフォームを削除できますが、登録フォームの送信ボタンは機能しません。

$("#login_form").hide(); 
    $("#loginShow").click(function(){ 


     $('form#login_form .error').remove(); 
     $("#login_form").slideDown("slow"); 

     $('form#login_form').on("submit", function(event) { 

      event.preventDefault(); 
      //code validation and ajax submit 
     }); //end form submit 

    });  

    $('#register').click(function(e) { 
     //$('#loginShow').remove(); //form is removed, but submit event still doesn't work 
     //if I completely remove login form from php page, then works fine 

     e.preventDefault(); 

     $('form#register_form').click(function(event) { 
      event.preventDefault(); 
      // 

     }); //end form submit 

    });//end register floating 

ああ、そう、最後に1つの詳細:クロム正常に動作上:S、ないFF(V.10)で

+0

コードを投稿してください。可能な解決策には、例えば、 1)提出するフォームのクラス(ID?)を追加する、2)検証/送信などのトリガーとなるリンクを親にするフォームを発射する。 – Tadeck

+0

あなたの登録フォームはポップアップウィンドウで開いていますか? – czerasz

+0

はい - ログインフォームがスライドして、regsisterリンクをクリックすると、登録フォームもスライドします - 登録フォームのインデックスは0ですが、それでもFFで検証されません。 –

答えて

1
$(":submit").click(function(e){ 
    $(this).closest("form").submit(); 
    return false; 
}); 
1

このお試しください:ちょうど与える

var secondForm = $('form').eq(1); 
secondForm.trigger('submit'); 
1

を2番目のサブミットボタンにIDを指定します。

<input type='submit' id='submit2'> 

今submit2 IDに検証バインドのonclickイベントをtrigerringため

$('#submit2').click(function(){ 
//logic goes here 
}); 
関連する問題