CODEWITHSUNDEEP
jquery
Asma Gheisari
Asma Gheisari

Reputation: 6254

2 jquery plugins don't work in one form

I have jquery validation and jqtransform in a form,but just one of them work:

    <!-- validation -->
    <script type="text/javascript" src="/sitestatic/scripts/validation/jquery-1.6.min.js"></script>
    <script type="text/javascript" src="/sitestatic/scripts/validation/languages/jquery.validationengine-fr.js" charset="utf-8"></script>
    <script type="text/javascript" src="/sitestatic/scripts/validation/jquery.validationengine.js" charset="utf-8"></script>
    <!-- end validation -->
    <!-- jqtransform -->
    <script type="text/javascript" src="/sitestatic/jqtransformplugin/jquery.js" ></script>
        <script type="text/javascript" src="/sitestatic/jqtransformplugin/jquery.jqtransform.js" ></script>
    <!-- end jqtransform -->
    <script>
<!-- validation script-->
     var $j = jQuery.noConflict();
    $j(document).ready(function(){
                jQuery("#registrationForm").validationEngine();
                $("#id_StatusTypeCode").addClass("validate[required]")
                $("#id_PriceUnitCode").addClass("validate[required]")
                });
    $(function(){

    $("form").form();

    });
<!-- end validation script -->
<!-- jqtransform script-->
    $(function(){
                $('form').jqTransform({imgPath:'jqtransformplugin/img/'});
            });
<!-- end jqtransform script-->
    </script>

but just jqtransform work,what should I do?

Upvotes: 0

Views: 787

Answers (1)

Rob W
Rob W

Reputation: 348992

Remove <script type="text/javascript" src="/sitestatic/jqtransformplugin/jquery.js" ></script>. This imported Javascript file overwrites the previously defined jQuery framework + plugins.

What happens?

Load jQuery-1.6-min.js   Defines jQuery
Load validation files    Defined jQuery validation plugin
Load jquery.js           Overwrites the previously created jQuery object
                          ^ The jQuery validation plugin is deleted
Load jqtransform         Defined jqtranform plugin

The code below should work:

<!-- jQuery framework -->
<script type="text/javascript" src="/sitestatic/scripts/validation/jquery-1.6.min.js"></script>
<!-- Validaiton -->
<script type="text/javascript" src="/sitestatic/scripts/validation/languages/jquery.validationengine-fr.js" charset="utf-8"></script>
<script type="text/javascript" src="/sitestatic/scripts/validation/jquery.validationengine.js" charset="utf-8"></script>
<!-- end validation -->
<!-- jqtransform -->
    <script type="text/javascript" src="/sitestatic/jqtransformplugin/jquery.jqtransform.js" ></script>
<!-- end jqtransform -->

Upvotes: 2

Related Questions