none
JQUERY para validação asp.net RRS feed

  • Pergunta

  • Olá,

    Alguém pode me ajudar com esse plugin, eu não consigo validar a tela somente com um botão (salvar), caso eu clique no excluir ou limpar ele também valida. E também não consigo fazer grupo de validação com ele igual os controles do próprio ASP.NET.

    http://formvalidation.io/examples/integrating-asp-net/

    Alguém já mexeu com ele ou com outro plugin, o que interessante dele é o controle de contornar o campo em vermelho e verde, e a rapidez. Se alguém souber de outro plugin que dá para fazer o mesmo e que tenha validação de grupo e somente um botão para validar o grupo.

    Segue o código em js:

    <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.0/css/bootstrapValidator.min.css" />
        <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.0/js/bootstrapValidator.min.js"> </script>
        
    
           <script type="text/javascript">
           $(document).ready(function () {
                $('#form1').bootstrapValidator({
                    submitButtons: '#<%=btnSalvar.ClientID%>',
                    framework: 'bootstrap',
                    excluded: 'disabled',
                    fields: {
                        <%=txtDC_DPT.UniqueID%>: {
                            validators: {
                                notEmpty: {
                                    message: 'A descrição é necessária e não pode ser vazio'
                                }
                            }
                        },
                        <%=ddlNM_USR_GST.UniqueID%>: {
                            validators: {
                                notEmpty: {
                                    message: 'É necessário o Gestor do Departamento'
                                }
                            }
                        }
                    }
                });
            });
        </script>

    Att.,

    quarta-feira, 14 de janeiro de 2015 18:34

Respostas

  • Use o Jquery Validate da segunte maneira..Mais Simples:

    <form id="form-signin_v1" name="form-signin_v1" method="POST">
        <label>
            Username
            <input name="signin_v1[username]" type="text" data-validation="[NOTEMPTY]">
        </label>
        <label>
            Password
            <input name="signin_v1[password]" type="password" data-validation="[NOTEMPTY]">
        </label>
        <input type="submit" class="ui blue submit button" value="Login">
    </form>

    JavaScript

    $('#form-signin_v1').validate();

    Para uma validação mais especifica, use o seguinte:

    $("#register-form").validate({
                    rules: {
                        firstname: "required",
                        lastname: "required",
                        email: {
                            required: true,
                            email: true
                        },
                        password: {
                            required: true,
                            minlength: 5
                        },
                        agree: "required"
                    },
                    messages: {
                        firstname: "Please enter your firstname",
                        lastname: "Please enter your lastname",
                        password: {
                            required: "Please provide a password",
                            minlength: "Your password must be at least 5 characters long"
                        },
                        email: "Please enter a valid email address",
                        agree: "Please accept our policy"
                    },
                    submitHandler: function(form) {
                        form.submit();
                    }
                });
            }


    If the answer was helpful vote

    • Sugerido como Resposta Jean LLopes quarta-feira, 6 de janeiro de 2016 00:27
    • Marcado como Resposta Marcos SJ quarta-feira, 10 de fevereiro de 2016 18:53
    quarta-feira, 6 de janeiro de 2016 00:15

Todas as Respostas

  • Bom dia,

    meu amigo, sua operação é em html5? se for, aconselho vocÊ a validar os campos usando os validators do html5 mesmo, muito simples de usar
    http://tableless.com.br/validacao-de-formularios-com-html5/

    se não, não use um plugin para algo simples, use css e jquery mesmo

    $("#seucampo").val == string.empty?
    $("#seucampo").Add.class("classe grifar em vermelho");

    só um exemplo, se ainda não te ajudar, reposte aqui seu código para eu te ajudar com o plugin,

    abraço


    "Study, study and study more, there is no easy way..."

    sexta-feira, 27 de fevereiro de 2015 12:27
  • Use o Jquery Validate da segunte maneira..Mais Simples:

    <form id="form-signin_v1" name="form-signin_v1" method="POST">
        <label>
            Username
            <input name="signin_v1[username]" type="text" data-validation="[NOTEMPTY]">
        </label>
        <label>
            Password
            <input name="signin_v1[password]" type="password" data-validation="[NOTEMPTY]">
        </label>
        <input type="submit" class="ui blue submit button" value="Login">
    </form>

    JavaScript

    $('#form-signin_v1').validate();

    Para uma validação mais especifica, use o seguinte:

    $("#register-form").validate({
                    rules: {
                        firstname: "required",
                        lastname: "required",
                        email: {
                            required: true,
                            email: true
                        },
                        password: {
                            required: true,
                            minlength: 5
                        },
                        agree: "required"
                    },
                    messages: {
                        firstname: "Please enter your firstname",
                        lastname: "Please enter your lastname",
                        password: {
                            required: "Please provide a password",
                            minlength: "Your password must be at least 5 characters long"
                        },
                        email: "Please enter a valid email address",
                        agree: "Please accept our policy"
                    },
                    submitHandler: function(form) {
                        form.submit();
                    }
                });
            }


    If the answer was helpful vote

    • Sugerido como Resposta Jean LLopes quarta-feira, 6 de janeiro de 2016 00:27
    • Marcado como Resposta Marcos SJ quarta-feira, 10 de fevereiro de 2016 18:53
    quarta-feira, 6 de janeiro de 2016 00:15