2016-09-02 3 views
0

Я использую этот сайт http://www.formvalidator.net/index.html, чтобы проверить свою живую форму. Проблема, с которой я сталкиваюсь, заключается в том, что коды вообще не работают.Jakeery form validator не работает

Вот HTML страница

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title>Title of the document</title> 
 
    </head> 
 
    <body> 
 
    <form action="" method="POST"> 
 
     <p> 
 
     User name (4 characters minimum, only alphanumeric characters): 
 
     <input data-validation="length alphanumeric" data-validation-length="min4"> 
 
     </p> 
 
     <p> 
 
     Year (yyyy-mm-dd): 
 
     <input data-validation="date" data-validation-format="yyyy-mm-dd"> 
 
     </p> 
 
     <p> 
 
     Website: 
 
     <input data-validation="url"> 
 
     </p> 
 
     <p> 
 
     <input type="submit"> 
 
     </p> 
 
    </form> 
 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script> 
 
    <script> 
 
     $.validate({ 
 
     lang: 'es' 
 
     }); 
 
    </script> 
 
    </body> 
 
</html>

+0

работает для меня после того, как я создал фрагмент из вашего кода. Попробуйте здесь? – mplungjan

+0

Работы для меня тоже – Ish

+0

Вам нужно добавить протокол, когда вы тестируете локальный жесткий диск – mplungjan

ответ

1

Проблема заключается в том, что вы не связывающая скрипты правильно вы опуская HTTP: // или https: // это важно, если вы запускают его в вашем локальном хосте.

Я проверил его и он работает

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Title of the document</title> 
    </head> 

    <body> 
     <form action="" method="POST"> 
      <p> 
      User name (4 characters minimum, only alphanumeric characters): 
      <input data-validation="length alphanumeric" data-validation-length="min4"> 
      </p> 
      <p> 
      Year (yyyy-mm-dd): 
      <input data-validation="date" data-validation-format="yyyy-mm-dd"> 
      </p> 
      <p> 
      Website: 
      <input data-validation="url"> 
      </p> 
      <p> 
      <input type="submit"> 
      </p> 
     </form> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
     <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script> 
     <script> 
      $.validate({ 
      lang: 'es' 
      }); 
     </script> 
    </body> 

</html> 
+0

Я просто скопировал ваш код, все еще не работает, я не уверен, что происходит, я просто сделал файл validation.html и вставил ваш код .... – Aurora

+0

Вы не совсем корректны. Ей необходимо добавить протокол при тестировании из файловой системы. С сервера лучше опустить http, поскольку сервер добавит соответствующий протокол – mplungjan

+0

, зависит ли она от его локального хоста или нет. –

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