Question

我想结合两个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'部分添加到validationEngine中 - 但是如何？

由于 Kashuda

Answer 1

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

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

Domus71

结合scriptaculous.js和validationEngine.jquery

1 个答案: