Не удалось проверить самозагрузки

Question

У меня есть следующий код JQuery

$().ready(function){ 
    $("#Form").validate({ 
     rules:{ 
      DL:{ 
       minlength:2 
      } 
     } 
    }); 

} 
message:{ 
    DL:{ 
     minlength:"DL should be of at least 5"; 
    } 
} 

Проверка требуется в том, что поле DL должен иметь длину 5. HTML-код ниже

    <div class="form-group"> 
         <label for="exampleInputText">Driving License Number</label><input 
          type="text" class="form-control" id="DL" required> 
        </div> 

Но страницы похоже, не проверяет, нажав кнопку, вместо того, чтобы показывать сообщение, страница просто прокручивается вверх.

Answer 1

Вот ваше решение

https://jsfiddle.net/geradrum/far1fj1n/

Весь код есть ошибки синтаксиса.

И $() должен быть $(document)

Answer 2

Основная проблема заключается в том, что правила объект ищет имя элемента и вы используете идентификатор элемента.

index.html

<form id="FORM"> 
    <div class="form-group"> 
    <label for="exampleInputText">Driving License Number</label><input type="text" class="form-control" name="DL" required> 
    </div> 
    <input type="submit" value="Validate!"> 
</form> 

app.js

$(document).ready(function(){ 
    $("#FORM").validate({ 
    rules: { 
     DL: { 
     required: true, 
     minlength: 5 
     } 
    }, 
    messages: { 
     DL: "DL should be of at least 5" 
    } 
    }); 
});