За последние 24 часа нас посетили 23283 программиста и 1702 робота. Сейчас ищут 1075 программистов ...

jquery validation

Тема в разделе "JavaScript и AJAX", создана пользователем vadimka123, 5 янв 2010.

  1. vadimka123

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

    С нами с:
    5 янв 2010
    Сообщения:
    1
    Симпатии:
    0
    jq.js - это jquery
    jqv.js - это плагин jquery validation

    Делаю проверку формы при помощи плагина JQvalidation
    Ниже приведет код, когда все прекрасно работает...

    Код (Text):
    1. <html>
    2. <head>
    3. <script type="text/javascript" src="jq.js"></script>
    4. <script type="text/javascript" src="jqv.js"></script>
    5. </head>
    6. <body bgcolor="FFFFFF">
    7.  
    8. <script type="text/javascript">
    9. $(document).ready(function() {
    10.  
    11. $('#signup').validate({
    12.   rules: {
    13.     name: {
    14.     required:true  
    15.     },
    16.     email: {
    17.     required:true,
    18.     email:true
    19.            }
    20.          },
    21.   messages: {
    22.     name: {
    23.         required: "Пожалуйста введите ваше имя."
    24.     },
    25.     email: {
    26.         required: "Пожалуйста введите ваш Email.",
    27.         email: "Ваш Email должен быть вида aa@bbb.ru"
    28.     }
    29.   }
    30.  
    31.   });
    32.  });
    33. </script>
    34.  
    35. <form action="process.php" method="POST" id="signup">
    36.       Имя:
    37.       <input name="name" type="text">
    38. <br>
    39.       Адрес E-mail:
    40.       <input name="email" type="text">
    41. <br>
    42.   <input type="reset" name="reset" value="Очистить">
    43.   <input type="submit" name="submit" value="Да">
    44.   </form>
    45.  
    46. </body>
    47. </html>

    но стоит добавить таблицу тэг <table> к форме как сразу скрипт начинает после каждого нажатия кнопки "Да" дублировать ошибки.
    код скрипта уже с таблицей приведен ниже

    подскажите пожалуйста что я делаю не правильно ?


    Код (Text):
    1. <html>
    2. <head>
    3. <script type="text/javascript" src="jq.js"></script>
    4. <script type="text/javascript" src="jqv.js"></script>
    5. </head>
    6. <body bgcolor="FFFFFF">
    7.  
    8. <script type="text/javascript">
    9. $(document).ready(function() {
    10.  
    11. $('#signup').validate({
    12.   rules: {
    13.     name: {
    14.     required:true  
    15.     },
    16.     email: {
    17.     required:true,
    18.     email:true
    19.            }
    20.          },
    21.   messages: {
    22.     name: {
    23.         required: "Пожалуйста введите ваше имя."
    24.     },
    25.     email: {
    26.         required: "Пожалуйста введите ваш Email.",
    27.         email: "Ваш Email должен быть вида aa@bbb.ru"
    28.     }
    29.   }
    30.  
    31.   });
    32.  });
    33. </script>
    34.  
    35. <table>
    36.  
    37. <form action="process.php" method="POST" id="signup">
    38.       Имя:
    39.       <input name="name" type="text">
    40. <br>
    41.       Адрес E-mail:
    42.       <input name="email" type="text">
    43. <br>
    44.   <input type="reset" name="reset" value="Очистить">
    45.   <input type="submit" name="submit" value="Да">
    46.   </form>
    47.  
    48. </table>
    49.  
    50. </body>
    51. </html>