jquery validate plugin with bootstrap modal

Question

Пробовал ли jquery проверять плагин с помощью модальной формы при загрузке одним нажатием кнопки. Я выполняю приведенный ниже код нажатием кнопки, но не работает. Любая помощь будет оценена. Мой код также можно посмотреть на https://jsfiddle.net/dharmjit/unr17s9u/2/

$('#addForm').validate({ 
 
     rules: { 
 
     User_ID: { 
 
      required: true, 
 
      minlength: 2, 
 
      maxlength: 10, 
 
      messages: { 
 
      required: "Required input", 
 
      minlength: jQuery.validator 
 
       .format("Please, at least {0} characters are necessary"), 
 
      maxlength: jQuery.validator 
 
       .format("Please, at least {0} characters are necessary") 
 
      } 
 
     }, 
 
     First_Name: { 
 
      required: true, 
 
      minlength: 2, 
 
      maxlength: 10, 
 
      messages: { 
 
      required: "Required input", 
 
      minlength: jQuery.validator 
 
       .format("Please, at least {0} characters are necessary"), 
 
      maxlength: jQuery.validator 
 
       .format("Please, at least {0} characters are necessary") 
 
      }, 
 
      highlight: function(element) { 
 
      $(element) 
 
       .closest('.form-group') 
 
       .removeClass('success') 
 
       .addClass('error'); 
 
      }, 
 
      success: function(element) { 
 
      element.text('OK!').addClass(
 
       'valid').closest(
 
       '.form-group') 
 
       .removeClass('error') 
 
       .addClass('success'); 
 
      } 
 
     });

Answer 1

Глядя на your jsFiddle, не соответствует коду в вашем OP:

OP:

• JQuery : User_ID и First_Name
• HTML: не показано

jsFiddle:

• JQuery: firstname и lastname
• HTML: username и password

---

1. В jsFiddle ваши правила объявлены на firstname и lastname, в то время как ваши фактические поля называются username и password. Атрибуты полей name должны точно соответствовать именам, используемым в объекте rules.validate().

2. Глядя на консоль JavaScript, я вижу «.validate не является функцией» сообщение. Обращая внимание на предупреждающее сообщение jsFiddle, если вы не используете URL-адрес https при добавлении внешнего ресурса, это не сработает. Я включил плагин jQuery Validate в свой secure CDN link.

3. Вам не нужно включать оба файла CSS для Bootstrap. Минимизированная версия имеет те же правила/свойства CSS, что и неинфицированная версия. Удалите его.

В противном случае код, как вы разместили ее, полностью работает штатно: https://jsfiddle.net/unr17s9u/4/