结合 scriptaculous.js 和 validationEngine.jquery答案

【问题标题】：Combine scriptaculous.js and validationEngine.jquery结合 scriptaculous.js 和 validationEngine.jquery
【发布时间】：2014-04-23 01:25:19
【问题描述】：

我想将两个 JavaScript 库/框架/脚本 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”部分添加到验证引擎中 - 但是如何？

谢谢卡舒达

【问题讨论】：

标签： prototypejs scriptaculous jquery-validation-engine

【解决方案1】：

首先，你必须使用$.noConflict();，因为prototypejs也使用$。

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

Domus71

【讨论】：