Combine scriptaculous.js и validationEngine.jquery

Я хотел бы объединить две библиотеки JavaScript/frameworks/scripts scriptaculous.js и validationEngine.jquery, но у меня нет подсказки, как это сделать.Combine scriptaculous.js и validationEngine.jquery

Мой код выглядит так:

<head> 
... 

// auto complete    
<script src="prototype.js" type="text/javascript"></script> 
<script src="scriptaculous.js" type="text/javascript"></script> 


// validation 
<script type="text/javascript" src="query-1.9.1.js"></script> 
<script type="text/javascript" src="jquery.validationEngine.js"></script> 
<script type="text/javascript" src="jquery.validationEngine-de.js"></script> 

// auto complete 
<script type="text/javascript"> 
Event.observe(window, 'load', function() { 
    new Ajax.Autocompleter('architect', 'suggestion', ‚'ArchitectQuery.php', {minChars: 3}); 
    }); 
</script> 

// validation 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#form-validation").validationEngine(); 
    }); 
</script> 


... 
</head> 


<body> 
... 
<input type="text" name="architect" size="45" maxlength="100" id="architect" data-validation-engine="validate[required, minSize[3]]" /> 
<div id="suggestion"></div> 
... 
</body>

Я предполагаю, что я должен как-то добавить, часть Event.observe 'к validationEngine - но как?

Благодаря Kashuda

источник

2014-03-17 Kashuda

Прежде всего, вы должны использовать $.noConflict();, потому что prototypejs также использовать $.

<script type="text/javascript"> 
$.noConflict(); 
jQuery(document).ready(function($) { 
    $("#form-validation").validationEngine(); 
});

Domus71

источник

2014-03-21 09:17:53 Domus71

ответ

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