Кажется, что все правильно ссылается, но я не могу заставить его работать правильно. Странно это работало один раз, но за 10 секунд до появления сообщения о проверке, ничего не меняло и снова пыталось, но перестало работать. Единственное предупреждение, которое у меня есть, - event.returnValue is deprecated. Please use the standard event.preventDefault() instead.
event.returnValue is deprecated. Please use the standard event.preventDefault() instead.
в библиотеке jQuery.
<html>
<head>
<link rel="stylesheet" href="jQuery-Validation-Engine-master/css/validationEngine.jquery.css" type="text/css"/>
</head>
<body>
<form id="formID">
<input class="validate[required]" type="text" id="agree" name="agree"/>
</form>
<script src='js/jquery-1.10.2.min.js'></script>
<script src="jQuery-Validation-Engine-master/js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
<script src="jQuery-Validation-Engine-master/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
<script>
$(document).ready(function(){
$("#formID").validationEngine();
});
</script>
</body>
Если нет ничего плохого в вышеупомянутом, то может быть что-то еще в моем проекте мешать, но любая помощь будет оценена.
В моем случае, как я упоминал выше, обновление jQuery lib 1.11.0 избавит меня от предупреждения. (последний хром)
Вот как я в конечном итоге использовал validationEngine, если это интересно:
<form id="formID" />
<button type="submit" value="Save" id="Save" onclick="clicked(event);">Submit Survey</button>
function clicked (e)
{
if (confirm('Are you sure you want to submit?'))
{
if ($("#formID").validationEngine('validate'))
{
my.LocalStorage.save();
}
}
e.preventDefault();
}
Вероятно, происходит то, что в то время, когда jQuery загружен, ваш плагин (и) еще не загружен, поэтому, когда вы вызываете метод validationEngine()
, он еще не определен. Я рекомендую загружать сценарии синхронно с Modernizr и вызывать этот метод после загрузки обоих скриптов.
Если вы придерживаетесь способа Modernizr, то все, что вам нужно сделать, это включить вашу свернутую версию Modernizr в голову и вызвать ваши скрипты, как показано ниже.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Your Document</title>
<!--
following script loads first. nevermind the version, I copied it from a script of mine
-->
<script type="text/javascript" src="js/modernizr.2.6.2.min.js"></script>
</head>
<body>
<form id="formID">
<!-- etc -->
</form>
<script type="text/javascript">
Modernizr.load([
{
// following loads next
load: 'http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js',
complete: function() {
if (!window.jQuery) Modernizr.load('js/jquery-1.10.2.min.js');
// this is your local copy of jQuery, in case you might need a fallback
}
},{
// finally the remaining scripts load
load:[
'jQuery-Validation-Engine-master/js/languages/jquery.validationEngine-en.js',
'jQuery-Validation-Engine-master/js/jquery.validationEngine.js'
],
complete: function() {
// all is loaded. do what you want here.
$("#formID").validationEngine();
}
}]);
</script>
</body>
</html>