проблема с проверкой контактной формы (проверка не выполняется при нажатии кнопки отправки) - PullRequest
Новая
       12

проблема с проверкой контактной формы (проверка не выполняется при нажатии кнопки отправки)

0 голосов
/ 26 июня 2010

Я использую сценарий livevalidation в моей контактной форме. Но я не знаю, в чем проблема, когда я нажимаю кнопку отправки или отправки. Он только проверяет выпадающий список, а другие поля становятся пустыми, а форма проверяется. Я проверил каждый пример на сайте livevalidation, но не помог. Шахта не работает .... Он не проверяет функцию присутствия во всех моих полях ........ Я не знаю, что делать

Вы можете проверить мою контактную страницу онлайн здесь. текст ссылки

Если вам нужен код, я вставляю его здесь, чтобы ооооо ........

Код для формы здесь 

 <div class="subFillC">
        <form id="form1" action="contactengine.php" method="post" name="form1">
          <p><label for="name">Name</label> <input type="text" name="name" id="Name" size=
          "30" /> </p>

          <p><label for="email">Email</label> <input type="text" name="email" id="Email" size=
          "30" /></p>

          <p><label for="web">Select Option</label> <select name="service" id="service">
            <option value="None" selected="selected">
              None
            </option>

            <option value="Website Design">
              Website Design
            </option>

            <option value="Website Redesign">
              Website Redesign
            </option>

            <option value="Logo/Corporate Design">
              Logo Design/Corporate Design
            </option>

            <option value="Other">
              Other
            </option>
          </select></p>

          <p><label for="email">What is <img src="images/cap.jpg" width="50" height=
          "15" /></label> <input type="text" name="cap" id="cap" size="30" /></p>

          <p><label for="message">Message</label>
          <textarea id="Messagefield" name="message" cols="30" rows="10"></textarea>

послать

И, наконец, у меня есть скрипт сразу после тега формы который ниже

новое LiveValidation («Имя», {wait: 500}). Add (Validate.Presence); новое LiveValidation («Email», {wait: 500}). Add (Validate.Email); new LiveValidation ('Поле сообщения', {wait: 500}). add (Validate.Presence); var service = new LiveValidation ('service', {onlyOnSubmit: true}); 'Никто' ] } );

1 Ответ

1 голос
/ 26 июня 2010

Вы не правильно вызываете проверку для всех полей. Вы должны создать экземпляр объекта LiveValidation перед вызовом функции добавления.

Для каждого поля (имя, адрес электронной почты, поле сообщения) заменить: 

new LiveValidation('Name', { wait: 500 }).add(Validate.Presence);

С: 

var LV_Name = new LiveValidation('Name', { wait: 500 });
LV_Name.add(Validate.Presence);

Вот полный фрагмент JS с LiveValidation, помещенный в document.ready функцию jQuery, которая будет выполняться, когда DOM будет готов: 

<script type="text/javascript" src="contact_files/jquery.js"></script>
<script type="text/javascript" src="contact_files/livevalidation_standalone.js"></script><!-- Let's do the animation -->
<script type="text/javascript">
//<![CDATA[
$(function() {

    var LV_Name = new LiveValidation('name',{ wait: 500 });
    LV_Name.add(Validate.Presence);

    var LV_Email = new LiveValidation('email', {onlyOnSubmit: true });
    LV_Email.add(Validate.Presence);

    var LV_Message= new LiveValidation('message', { wait: 500 });
    LV_Message.add(Validate.Presence);

    var service = new LiveValidation('service' , {onlyOnSubmit: true });
    service.add( Validate.Exclusion, { within: [ 'None' ] } );

    // set opacity to nill on page load
    $("ul#menu span").css("opacity","0");
    // on mouse over
    $("ul#menu span").hover(function () {
        // animate opacity to full
        $(this).stop().animate({
            opacity: 1
            }, 'slow');
        },
        // on mouse out
        function () {
            // animate opacity to nill
            $(this).stop().animate({
                opacity: 0
                }, 'slow');
            });
    });
//]]>
</script>
...