За последние 24 часа нас посетили 62082 программиста и 1678 роботов. Сейчас ищут 909 программистов ...

Подгрузка контента

Тема в разделе "JavaScript и AJAX", создана пользователем Ric, 29 июн 2011.

  1. Ric

    Ric Активный пользователь

    С нами с:
    9 фев 2011
    Сообщения:
    97
    Симпатии:
    2
    Здраствуйте, пытаюсь сделать динамическую подгрузку контента, все вроде хорошо но в форме регистрации(которая загружается динамически) не хочет работать скрипт проверки формы на валидность( при переходе на страницу обычным путем все работает как надо)
    PHP:
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    2. <?php
    3. require_once "class/view.classes.php";
    4. ?>
    5. <html>
    6.     <head>
    7.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    8.         <link rel="stylesheet" type="text/css" href="css/main.css"/>
    9.         <script type="text/javascript" src="script/jquery-1.2.6.js"></script>
    10.         <script type="text/javascript" src="script/jquery-1.5.js"></script>
    11.         <script type="text/javascript" src="script/jquery.validate-1.5.1.js"></script>
    12.         <script type="text/javascript" src="script/jquery.form.js"></script>
    13.         <script type="text/javascript" src="script/additional-methods.js"></script>
    14.         <title>Добро пожаловать!</title>
    15.     </head>
    16.     <body>
    17.          <script type="text/javascript">
    18.          $(document).ready(function(){
    19.              $('form #login').bind('blur', function(event){
    20.                  var login=$('form #login').val();
    21.                 if(login.length < 3)
    22.                     {
    23.                 $('form input[type=submit]').attr('disabled','1');
    24.                     }
    25.                     else
    26.                    {
    27.                    $('form input[type=submit]').removeAttr('disabled','disabled');
    28.                    }
    29.              });
    30.           })
    31.         </script>
    32.         <div id="top" ></div>
    33.         <?php
    34.        $view=new View();
    35.        $view->display_enter();//форма входа
    36.         ?>
    37. <div id="divContent"></div>
    38. <script type="text/javascript">//скрипт который подгружает форму регистрации
    39. $(document).ready(function(){
    40. $('#getContent').click(function(){
    41. $.ajax({
    42. url: "registration.php",
    43. cache: false,
    44. beforeSend: function() {
    45. $('#divContent').html('Получаем контент');
    46. },
    47. success: function(html){
    48. $("#divContent").html(html);
    49. }
    50. });
    51. return false;
    52. });
    53. });
    54. </script>
    55.     </body>
    56. </html>
    страничка регистрации
    PHP:
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    2.  <div id="divContent">
    3. <?php
    4. require_once "class/view.classes.php";
    5. ?>
    6. <html>
    7.     <head>
    8.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    9.         <link rel="stylesheet" type="text/css" href="css/main.css"/>
    10.         <script type="text/javascript" src="script/jquery-1.2.6.js"></script>
    11.         <script type="text/javascript" src="script/jquery-1.5.1.js"></script>
    12.         <script type="text/javascript" src="script/jquery.validate-1.5.1.js"></script>
    13.         <script type="text/javascript" src="script/jquery.form.js"></script>
    14.         <script type="text/javascript" src="script/additional-methods.js"></script>
    15.         <title>Регистрация</title>
    16.     </head>
    17.     <body>  
    18. <?php
    19. $reg=new View();
    20. $reg->display_registration();
    21. ?>  
    22. </body>
    23. </html>
    24. </div>
    display_registration();
    PHP:
    1.  public function display_registration()
    2.     {
    3.      echo "<div align='center' id='display_registration'>
    4.         <form method='post' action='reg.php' id='form_reg'>
    5.         <table id='table_reg'>
    6.         <tbody>
    7.         <tr><td><label for='name' id='label_name'>Ваше имя<span id='span_name'></span></label>
    8.         <input type='text' name='name' id='name'/></td></tr>
    9.         <tr><td><label for='family'>Фамилия<span id='span_family'></span></label>
    10.         <input type='text' name='family' id='family'/></td></tr>
    11.         <tr><td><label for='pol'>Пол<span id='span_pol'></span></label>
    12.         <input type='radio' name='pol' value='Мужской' id='radio_men'/><label id='label_men'>Мужской</label>
    13.         <input type='radio' name='pol' value='Женский' id='radio_women'/><label id='label_women'>Женский</label></td></tr>
    14.         <tr><td><label>Дата рождения<span></span></label>
    15.        
    16.         <select name='dey_born' id='dey_born'>
    17.         <option value='0'>число</option>";
    18.          for($i=1;$i<=31;$i++)
    19.          {
    20.              echo "<option value='".$i."'>".$i."</option>";
    21.          }
    22.          echo "</select>
    23.         <select name='month' id='month_born'>
    24.         <option value='0'>месяц</option>
    25.         <option value='1'>январь</option>
    26.         <option value='2'>февраль</option>
    27.         <option value='3'>март</option>
    28.         <option value='4'>апрель</option>
    29.         <option value='5'>май</option>
    30.         <option value='6'>июнь</option>
    31.         <option value='7'>июль</option>
    32.         <option value='8'>август</option>
    33.         <option value='9'>сентябрь</option>
    34.         <option value='10'>октябрь</option>
    35.         <option value='11'>ноябрь</option>
    36.         <option value='12'>декабрь</option>
    37.         </select>
    38.         <select name='year_born' id='year_born'>
    39.         <option value='0'>год</option>";
    40.          for($i=2005;$i>=1950;$i--)
    41.          {
    42.              echo "<option value='".$i."'>".$i."</option>";
    43.          }
    44.          echo"</select>
    45.         </td></tr>
    46.         <tr><td><label for='login'>Логин<span id='span_login'></span></label>
    47.         <input type='text' name='login' id='login'/></td></tr>
    48.         <tr><td><label for='password'>Пароль<span id='span_password'></span></label>
    49.         <input type='password' id='password' name='password'/></td></tr>
    50.         <tr><td><label for='password2'>Пароль ещё раз<span id='span_password2'></span></label>
    51.         <input type='password' name='password2' id='password2'/></td></tr>
    52.         <tr><td><label for='email'>Электронный адрес<span id='span_email'></span></label>
    53.         <input type='text' name='email' id='email'/></td></tr>
    54.         <tr><td><input type='submit' name='submit' value='Зарегистрироваться'/></td></tr>
    55.         </tbody>
    56.         </table>
    57.         </form>
    58.         </div>";?>
    59.          <script type="text/javascript">
    60. $(document).ready(function(){
    61.   $("#form_reg").validate({
    62.     focusInvalid: false,
    63.     focusCleanup: true,
    64.     rules: {
    65.        name: {
    66.            required: true,
    67.            maxlength:30
    68.       },
    69.       family: {
    70.            required: true
    71.       },
    72.       pol:"required",
    73.       login:{
    74.           required:true
    75.       },
    76.       password: {
    77.            required: true
    78.       },
    79.       password2: {
    80.            required: true,
    81.            equalTo: "#password"
    82.       },
    83.       email: {
    84.            required: true,
    85.            email: true
    86.       }
    87.     },
    88.     messages: {
    89.       name: {
    90.        required:"Пожалуйста, введите имя",
    91.        maxlength:"Слишком длинное имя"
    92.       },
    93.       family: {
    94.         required: "Пожалуйста, введите фамилию"
    95.       },
    96.       pol:"Пожалуйста, укажите ваш пол",
    97.        login: {
    98.         required: "Пожалуйста, введите логин"
    99.               },
    100.        password: {
    101.            required: "Пожалуйста, введите пароль"
    102.       },
    103.       password2: {
    104.         required: "Пожалуйста, введите пароль",
    105.         equalTo: "Пароли не совпадают"
    106.       },
    107.      email:{
    108.          required:"Пожалуйста, введите адрес электронной почты",
    109.          email:"Неправильный адрес электронной почты"
    110.      }
    111.     },
    112.     errorPlacement: function(error, element) {
    113.       var er = element.attr("name");
    114.       error.appendTo( element.parent().find("label[@for='" + er + "']").find("span") );
    115.     }
    116.   });
    117. });
    118. </script>