none
Validar textbox con Jquery. Validate RRS feed

  • Pregunta

  • Hola!!!!

    Estoy utilizando Jquery.validate para validar una caja de texto pero según el ejemplo de la pagina valida el formulario

    http://programandoweb.com/jquery-validate-validar-email-check-box-select-box-y-n%C3%BAmeros-en-formulario#comment-8179

    Como puedo hacer para que me valide es el botón guardar ya que tengo mas botones y en todos me realizando la validación.

    Este es el sript que tengo.

    <script type="text/javascript">

        $(function () {
            $('#form_Cat').validate({
                rules: {
                    'txt_Nombre': 'required'
                },
                messages: {
                    'txt_Nombre': 'Debe ingresar el nombre'
                               },
                debug: true,
                /*errorElement: 'div',*/
                //errorContainer: $('#errores'),
                submitHandler: function (form) {
                    alert('El formulario ha sido validado correctamente!');
                }
            });
        });
    </script>

    Mi formulario 

    <form id="form_Cat" runat="server" action="#" method="post">

    Mi caja de texto

    <asp:TextBox ID="txt_Nombre" runat="server" MaxLength="150" ></asp:TextBox>

    Mi botón Guardar

    <asp:Button ID="Btn_Guardar" runat="server" Text="Guardar cambios" /> 

    Gracias por su atención.


    AngelaMar Bogotá, Colombia

    viernes, 28 de septiembre de 2012 14:52

Respuestas

  • las valdiaciones de jquery no con compatibles con los botones de asp.net, tu deberias lanzar la validacion

    <script ...>
    
       $(function(){
    
              $('#<%Btn_Guardar.ClientID%>').click(function(event){
    
                      if(!$('#form_Cat').valid()){
    
                            event.preventDefault();
    
                      }
    
              });
    
       });
    
    </script>

    las validaciones aplcian al form pero estas no detienen las acciones de submit de los botones si es que no pasan como validas, eso tu debes hacerlo

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    viernes, 28 de septiembre de 2012 14:58
  • Hola!!!

    Me ha funcionado de la siguiente manera

    <script type="text/javascript">

        $(function () {
        $("#Btn_Guardar").click(function() {
             $('#form_Cat').validate({
                rules: {
                    'txt_Nombre': 'required'
                },
                messages: {
                    'txt_Nombre': 'Debe ingresar el nombre'
                },
                       
            });
        });
    });
    </script>


    AngelaMar Bogotá, Colombia

    viernes, 28 de septiembre de 2012 16:24

Todas las respuestas

  • las valdiaciones de jquery no con compatibles con los botones de asp.net, tu deberias lanzar la validacion

    <script ...>
    
       $(function(){
    
              $('#<%Btn_Guardar.ClientID%>').click(function(event){
    
                      if(!$('#form_Cat').valid()){
    
                            event.preventDefault();
    
                      }
    
              });
    
       });
    
    </script>

    las validaciones aplcian al form pero estas no detienen las acciones de submit de los botones si es que no pasan como validas, eso tu debes hacerlo

    saludos


    Leandro Tuttini

    Blog
    Buenos Aires
    Argentina

    viernes, 28 de septiembre de 2012 14:58
  • Hola Leandro,

    No entiendo muy bien lo que me quieres decir, me dejaste confundida. Me puedes dar una explicación más detallada.

    Gracias


    AngelaMar Bogotá, Colombia

    viernes, 28 de septiembre de 2012 15:08
  • Hola!!!

    Me ha funcionado de la siguiente manera

    <script type="text/javascript">

        $(function () {
        $("#Btn_Guardar").click(function() {
             $('#form_Cat').validate({
                rules: {
                    'txt_Nombre': 'required'
                },
                messages: {
                    'txt_Nombre': 'Debe ingresar el nombre'
                },
                       
            });
        });
    });
    </script>


    AngelaMar Bogotá, Colombia

    viernes, 28 de septiembre de 2012 16:24