2014-01-16 5 views
1

Привет, ребята, пожалуйста, проверьте на этот кодBootstrap 3 По умолчанию проверка плагин

проверки достоверности частично работает, но только на нужное поле, длина диапазона, кажется, не работает. Не могли бы вы мне помочь ? Благодаря!

$(document).ready(function() { 
    var Username = $("#Username"); 
    var Password = $("#Password"); 
    var LoginForm = $('#LoginForm'); 
    var SubmitBtn = $('#SubmitBtn'); 

    LoginForm.validate(); 

    Username.rules("add", { 
     required: true, 
     rangelength: [3, 20], 
     messages: { 
      required: "You must provide your username.", 
      rangelength: "The user name must be between 3 and 20 characters in length." 
     } 
    }); 
    Password.rules("add", { 
     required: true, 
     messages: { 
      required: "You must provide your password." 
     } 
    }); 

    $('#LoginForm').submit(function() { 
     if ($(this).valid()) { 
      $('#SubmitBtn').prop('disabled', true); 
      return true; 
     } 
     return false; 
    }); 

}); 

http://jsfiddle.net/hTPY7/476/

+2

Bootstrap не входит ни в основных плагинов проверки. То, что вы видите в своей скрипке, - это базовая проверка HTML5, которая была включена с атрибутом 'required =" required ". –

+0

См. Http://jqueryvalidation.org/rules/ –

ответ

0

Вы забыли добавить ссылку на jQuery Validate. У Bootstrap нет плагина проверки.

Вы можете ссылаться на Jquery Validate из CDN от Microsoft, если хотите.

http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js

Вы правило OK:

Username.rules("add", { 
     required: true, 
     rangelength: [3, 20], 
     messages: { 
     required: "You must provide your username.", 
     rangelength: "The user name must be between 3 and 20 characters in length." 
     } 
    }); 

Вот это работает:

http://jsfiddle.net/leniel/3F5Sf/1/

+0

Почему всплывающая подсказка перестала работать? – user2311238

+0

Какую подсказку вы говорите? Используете ли вы плагин всплывающей подсказки для загрузки через http://getbootstrap.com/javascript/#tooltips на своей странице? –

+0

Я думаю, что OP хочет иметь сообщения об ошибках внутри '' –

Смежные вопросы