MooTools o jQuery ?

[angeloya]

hola .
estoy usando un mootools que le da un aspecto profesional a mis formularios a los objetos input/select/etiquetas etc. pero navegando por internet encuentre unas librerias jquery que me gustaron el problema es que al tratar de incorporarlo a mi proyecto resulto que el mootools no permite ver los efectos del jquery porfavor orientenme que debo hacer.

si este fuera el caso porfavor recomiendenme un mootools mas completo porf.

Libreria Mootools (cambia el aspecto de formulario lo hace mas profesional)

Código PHP:

  <!--MOOTOOLS--> 
    <link rel="stylesheet" href="mootools/red/forms-red.css" type="text/css" media="all" /> 
    <script type="text/javascript" src="mootools/mootools-core-1.4.5-full-compat-yc.js"></script> 
    <script type="text/javascript" src="mootools/forms.v1.3.mootools.min.js"></script> 
    <script type="text/javascript"> 
        window.addEvent('domready', function() { 
        $$("input", "select", "textarea").each(function(el) { 
            el.DoSexy(); 
        }); 
        }); 
    </script> 
<!--MOOTOOLS-->  
  

Librerias Jquery (para validar entradas de los input, mensajes tipo sombra)

Código PHP:

  <!--VALID-->     
    <link rel="stylesheet" type="text/css" media="screen" href="css/milk.css" /> 
    <script type="text/javascript" src="js/jquery.js"></script> 
    <script type="text/javascript" src="js/jquery.validate.js"></script> 
    <script type="text/javascript"> 
jQuery.validator.addMethod(  
      "selectNone",  
      function(value, element) {  
        if (element.value == "-1")  
        {  
          return false;  
        }  
        else return true;  
      },  
      "Please select an option."  
    );  
$(document).ready(function() { 
    // validate signup form on keyup and submit 
    var validator = $("#form_a").validate({ 
        rules: { 
            username: { 
                required: true, 
                minlength: 2 
            }, 
            nombres: { 
                required: true, 
                minlength: 3 
            }, 
            apellidos: { 
                required: true, 
                minlength: 7 
            }, 
            cursos: { 
                selectNone: true 
            }, 
             
        }, 
        messages: { 
            username: { 
                required: "Enter a username", 
                minlength: jQuery.format("Enter at least {0} characters") 
            }, 
            nombres: { 
                required: "Enter a nombres", 
                minlength: jQuery.format("Enter at least {0} characters") 
            }, 
            apellidos: { 
                required: "Enter a apellidos", 
                minlength: jQuery.format("Enter at least {0} characters") 
            }, 
             
                 
        }, 
        // the errorPlacement has to take the table layout into account 
        errorPlacement: function(error, element) { 
            error.prependTo( element.parent().next() ); 
        }, 
        // specifying a submitHandler prevents the default submit, good for the demo 
        submitHandler: function() { 
            alert("submitted!"); 
        }, 
        // set this class to error-labels to indicate valid fields 
        success: function(label) { 
            // set &nbsp; as text for IE 
            label.html("&nbsp;").addClass("checked"); 
        } 
    }); 
     
    // propose username by combining first- and lastname 
    $("#username").focus(function() { 
        var firstname = $("#firstname").val(); 
        var lastname = $("#lastname").val(); 
        if(firstname && lastname && !this.value) { 
            this.value = firstname + "." + lastname; 
        } 
    }); 
     
}); 
</script> 
<!--VALID--> 
<!--MENSAJE-->         
    <link rel="stylesheet" href="css/tipsy.css" type="text/css" /> 
    <script language="javascript" src="js/jquery.min.js" type="text/javascript"></script> 
    <script language="javascript" src="js/jquery.tipsy.js" type="text/javascript"></script> 
    <script type='text/javascript'> 
    //<![CDATA[ 
        $(function() { 
            $('#sombrita').tipsy({trigger: 'focus', gravity: 'w'}); 
        }); 
    //]]> 
    </script>  
<!--MENSAJE-->  
  

[maycolalvarez]

jQuery y Mootools son FW que no son compatibles si se usan al mismo tiempo, por lo cual uno de los dos tiene que implementarse de modo no conflictivo, como jQuery y su modo .NoConflict

[angeloya]

jQuery.noConflict();

ademas reemplace $. por jQuery. y en los archivos jquery.validate.js/jquery.js

Código Javascript:

<link rel="stylesheet" type="text/css" media="screen" href="css/milk.css" />
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.validate.js"></script>
    <script type="text/javascript">
jQuery.validator.addMethod( 
      "selectNone", 
      function(value, element) { 
        if (element.value == "none") 
        { 
          return false; 
        } 
        else return true; 
      }, 
      "Please select an option." 
    ); 
$(document).ready(function() {
    // validate signup form on keyup and submit
    var validator = jQuery("#form_a").validate({
        rules: {
            nombres: {
                required: true,
                minlength: 3
            },
            apellidos: {
                required: true,
                minlength: 7
            },
            cursos: {
                selectNone: true
            },
            
        },
        messages: {
            nombres: {
                required: "Enter a nombres",
                minlength: jQuery.format("Enter at least {0} characters")
            },
            apellidos: {
                required: "Enter a apellidos",
                minlength: jQuery.format("Enter at least {0} characters")
            },  
        },
        // the errorPlacement has to take the table layout into account
        errorPlacement: function(error, element) {
            error.prependTo( element.parent().next() );
        },
        // specifying a submitHandler prevents the default submit, good for the demo
        submitHandler: function() {
            alert("submitted!");
        },
        // set this class to error-labels to indicate valid fields
        success: function(label) {
            // set &nbsp; as text for IE
            label.html("&nbsp;").addClass("checked");
        }
    });
    
    // propose username by combining first- and lastname
    jQuery("#username").focus(function() {
        var firstname = jQuery.("#firstname").val();
        var lastname = jQuery.("#lastname").val();
        if(firstname && lastname && !this.value) {
            this.value = firstname + "." + lastname;
        }
    });
    
});
</script>