Почему этот код не показывает ошибки проверки на странице html после нажатия кнопки

Question

Проверка jQuery не работает в коде, который я использовал для проверки формы.

Я использовал PureMVC и в файле index.html файл contact.html, загруженный из запроса ajax. Если я делаю яваскрипта предупреждения на кнопку мыши, то я могу видеть их, но они не делают каких-либо проверки на нажатие кнопки

$("#contactUsSubmit").live('click', function() { 

       $("#contactForm").validate({ 
        errorLabelContainer: $("#contactAlert ul"), 
        rules: { 
         contactName: { 
          required: true, 
          minlength: 6 
         } 
        } 
       }); 

      }); 

ли кто-нибудь знает, какие вещи я сделал неправильно в этом коде. #contactname is Id контактаName

Answer 1

Я думаю, что это не работает для вас, вероятно, т.к. you must have name elements on your form fields. Глядя на этот пример PUREMVC, он не имеет имен для элементов поля.

EDIT URL вставили ниже как редактор имел проблемы с этим

Там нет причин, почему этот код не будет работать, обратите внимание, вы должны позвонить в силе(), чтобы увидеть какие-либо сообщения об ошибках немедленно.

$("#contactUsSubmit").live('click', function() { 

    $("#contactForm").validate({ 
     errorLabelContainer: $("#contactAlert ul"), 
     rules: { 
      contactName: { 
       required: true, 
       minlength: 6 
      } 
     } 
    }); 
    // call valid to see errors 
    $("#contactForm").valid(); 

}); 

Чистый пример Mvc http://darkstar.puremvc.org/content_header.html?url=http://puremvc.org/pages/demos/TS/PureMVC_TS_Demo_EmployeeAdmin&desc=PureMVC%20TypeScript%20Demo:%20Employee%20Admin

Answer 2

Значит, функция live('click', (...) называется правильно? JQuery 1.9 удалил функцию .live.

Answer 3

Ваш код:

$("#contactUsSubmit").live('click', function() { 
    $("#contactForm").validate({ 
     //options, 
     ... 
    }); 
}); 

Вы не должны выполнять это так. Вы просто инициализируете плагин при каждом нажатии. Проверка не произойдет до после первый щелчок инициализирует плагин (тогда будет проверен второй клик). Плагин уже имеет встроенный обработчик событий click, и он автоматически записывается.

.validate() следует назвать раз в DOM готов к инициализации плагин.

$(document).ready(function() { 

    $("#contactForm").validate({ 
     //options, 
     rules: { 
      contactName: { 
       required: true, 
       minlength: 6 
      } 
     } 
    }); 

}); 

Обратите внимание, что атрибут name является обязательным для всех входных элементов:

<form id="contactForm"> 
    <input type="text" name="contactName" id="contactName"/> 
    <input id="contactUsSubmit" type="submit" /> 
</form> 

Play с демонстрационной вашей формы: http://jsfiddle.net/FfJCV/