slideToggleに登録フォーム

私はページの上部に登録フォームを入れたいと思います。私は、ユーザーが登録したい場合は、Jquery slideToggleによってユーザーに表示したいと思う。私のフォームには、「username」、「password」、「password again」、「email address」などのフィールドがあります。と「送信ボタン」。しかし、私は "ボタンを送信"ボタンを押したければ、ページを完全にリロード！..私はslideToggleが開いていないままにしたい！..どこが間違っていますか？slideToggleに登録フォーム

<html> 
    <head> 
     <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
     <!--css--> 
     <link rel="stylesheet" href="/css/home.css" /> 
     <link rel="stylesheet" href="/css/jquery-ui.css"> 
     <!--JS--> 
     <script src="/js/jquery-1.7.1.min.js"></script> 
     <script src="/js/jquery-ui.min.js"></script> 

     <title>فرم ها</title> 
     <script> 
      $(document).ready(function(){ 
       $(".register").click(function(){ 
        $(".register-panel").slideToggle("slow"); 
       }); 

      }); 

     </script> 

     </head> 

    <body> 
    <div class="register-panel"> 
     <table> 
      <tr> 
       <td width="30%"> 
       <p align="right"><b>فرم ثبت نام:</b></p> 
       <div id="form-messages"></div> 
       <form id="register-form" name="register-form"> 
        <table id="register-table"> 
         <tr> 
          <td><label for="reg-username">نام کاربری</label></td> 
          <td><input type="text" id="reg-username" size="15" title="حداقل ۶ کاراکتر لاتین" /></td> 
         </tr> 
         <tr> 
          <td><label for="reg-password">رمز عبور</label></td> 
          <td><input type="password" id="reg-password" size="15" title="حداقل ۶ کاراکتر"/></td> 
         </tr> 
         <tr> 
          <td><label for="reg-repassword">تکرار رمز عبور</label></td> 
          <td><input type="password" id="reg-repassword" size="15"/></td> 
         </tr> 
         <tr> 
          <td></td> 
          <td><center><img src="visual-captcha.php" width="185" height="60" alt="Visual CAPTCHA" id="captcha" title="کد امنیتی" /></center></td> 
          <td><img src="/images/refresh.png" onclick="document.getElementById('captcha').src = document.getElementById('captcha').src + '?' + (new Date()).getMilliseconds()" align="right" title="تغییر تصویر" style="cursor: pointer"></td> 
         </tr> 
         <tr> 
          <td><label>کد امنیتی</label></td> 
          <td><input type="text" name="user_code" size="15" title="پنج حرف تصویر فوق را وارد کنید"></td> 
         </tr> 
         <tr> 
          <td><label for="reg-email">آدرس ایمیل</label></td> 
          <td><input type="text" id="reg-email" size="15" /></td> 
         </tr> 
         <tr> 
          <td></td> 
          <td align="left"><input type="submit" value="ثبت نام" id="reg-button" /></td> 
         </tr> 

        </table> 
       </form> 
       </td> 
       <td width="40%"><center><h1>به فرم ها خوش آمدید</h1></center></td> 
       <td width="40%"><p>با <b>فرم ها</b> می توانید فرم های دلخواه خود را طراحی کنید و آن را جهت تکمیل نمودن در اختیار کاربرانتان قرار دهید.</p> 
       <p>ثبت نام در فرم ها رایگان می باشد.</p></td> 
      </tr> 

     </table> 
    </div> 
    <table> 
     <tr> 
      <td width="70" height="23"><center><div class="register">ثبت نام</div></center></td> 
      <td></td> 
     </tr> 
    </table> 




    </body> 
</html>

出典

2012-02-13 Deniz

あなたの質問はわかりませんでしたが、ページ上のフォームを確認する方法は次のとおりです。

if($('#register-form').length > 0){ 
    //For is present do what you want 
}

出典

2012-02-13 20:36:06 ShankarSangoli

フォームの提出をキャプチャする必要がある - >

$("#register-form").submit(function(e){

次に、あなたが発生してから、デフォルトのを防ぐ必要があります。

e.preventDefault();

その後、フォームを検証するコードを記述します。

//your validation code goes here.

だから、何か終わる - >

$("#register-form").submit(function(e){ 

    //prevent default action, do not submit the form. 
    e.preventDefault(); 

    //validate the form here, and perform whatever checks are necessary 
});

を

出典

2012-02-13 20:41:15 Ohgodwhy

slideToggleに登録フォーム

答えて

関連する問題