Невозможно заставить петрушку срабатывать

Я пытаюсь реализовать проверку формы Parsley.js в простой форме. Это мой код:

<!DOCTYPE html>
<meta charset="utf-8">
<!-- Load the JS -->
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.0.2/bootstrap.min.js" type="text/javascript"></script>
<script src="parsley.js" type="text/javascript"></script>
<link href="bootstrap.css" rel="stylesheet" />
<style>
body {
padding-top: 20px;
padding-bottom: 40px;
}
form {
margin: 0;
}
input.parsley-success {
color: #468847 !important;
background-color: #DFF0D8 !important;
border: 1px solid #D6E9C6 !important;
}
input.parsley-error {
color: #B94A48 !important;
background-color: #F2DEDE !important;
border: 1px solid #EED3D7 !important;
}
input {
width: 150px;
margin: 0 2px !important;
}
ul.parsley-error-list {
font-size: 11px;
margin: 2px;
list-style-type:none;
}
ul.parsley-error-list li {
line-height: 11px;
}
h3 {
color: #FB4006;
}
</style>
<body>
<h3>JS Validation: Parsley.js</h3>
<form parsley-validate>
<p><input type="text" parsley-type="email" parsley-trigger="keyup" parsley-validation-minlength="0" placeholder="keyup validation trigger" /><p>
<p><input type="text" parsley-type="email" parsley-trigger="change" parsley-validation-minlength="0" placeholder="change validation trigger" /></p>
<input type="checkbox" name="mincheckdemo[]" parsley-mincheck="2" value="foo" parsley-trigger="change" />
<input type="checkbox" name="mincheckdemo[]" value="bar" />
<input type="checkbox" name="mincheckdemo[]" value="baz" />
</form> 
</body>

Это почти так же, как пример "петрушка-спусковой крючок". Однако я не могу заставить его работать должным образом, то есть ввести некоторый текст и увидеть результат проверки сразу или после фокусировки. Я хотел бы знать почему.

Большое спасибо за вашу помощь!

Источник

2 ответа

Вы проверили, что петрушка активна в форме, и что что-то не пошло не так, ссылаясь на ваш местный parsley.js? Возможно, путь / местоположение не то, что вы думаете.

Также первое поле ввода имеет <p> в конце вместо </p>,

РЕДАКТИРОВАТЬ: Вот jsfiddle, который показывает код работает.

РЕДАКТИРОВАТЬ 2: Скрипка больше не работает, потому что ссылка на http://rawgithub.com/guillaumepotier/Parsley.js/master/parsley.js работает.

Это решение относится к версии 1 файла parsley.js, который был заменен версией 2.

Источник

Для тех, кто все еще использует Parsley V1 - я исправил это с помощью data-type в отличие от parsley-type, Документация v1 использует parsley-type - Дев больше не поддерживает петрушку V1.

Источник
Другие вопросы по тегам