Ir para conteúdo
Entre para seguir isso  
markhosbh

Tornar campo "readonly" editável apos validação

Recommended Posts

Bom dia meus amigos.

Estou com um probleminha tenho um campo text como "readonly" e gostaria de torna-lo editável após uma validação de um radio button.
Ou seja, um exemplo seria: exibir o nome do cliente dentro do text e afrente dois radio button perguntando se esta correto ou não o nome, se sim: ok, se não: ai tornar o campo editável pro usuário.

Ah e utra coisa também, gostaria de tornar alguns campos obrigatórios, podendo o usuário avançar somente apos o preenchimento desses campos.

 

Desde então obrigado.
Valeu galerinha.

Compartilhar este post


Link para o post
Compartilhar em outros sites

adicionar nos inputs a propriedade required vai torná-los abrigatórios, já a questão da edição você resolverá com js/jquery mais ou menos assim.

não testei mas a idea é essa

 

    $(document).on('click', '.ckbox', function() {
        check = $(this).is(':checked');
        if (check == true) {
            $('#campo').removeAttr('readonly');
        } else {
            if (check == false) {
                $('#campo').attr('readonly', true);
            }
        }
    });
  • +1 1

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

adicionar nos inputs a propriedade required vai torná-los abrigatórios, já a questão da edição você resolverá com js/jquery mais ou menos assim.

não testei mas a idea é essa

    $(document).on('click', '.ckbox', function() {
        check = $(this).is(':checked');
        if (check == true) {
            $('#campo').removeAttr('readonly');
        } else {
            if (check == false) {
                $('#campo').attr('readonly', true);
            }
        }
    });

Cara bacana sua ideia.

Mas como devo aplicar este no código? sou leigaço no assunto, começando agora no mercado.

Devo acrescentar algo no radio também?

E devo colocar esta query para cada radio?

 

Desculpe minha ignorância, e obrigado pela paciência.

Compartilhar este post


Link para o post
Compartilhar em outros sites

siga o exemplo

<html>
    <head>
        <title>Teste jquery</title>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script>
            $(function() {
                $(document).on('click', '.ckbox', function() {
                    check = $(this).is(':checked');
                    if (check == true) {
                        $('#campo').removeAttr('readonly');//id do campo com atributo readonly que será removido
                    } else {
                        if (check == false) {
                            $('#campo').attr('readonly', true); //caso se desmarque o atributo volta pro lugar
                        }
                    }
                });
            });
        </script>
    </head>
    <body>
        <input type="checkbox" class="ckbox"/>
        <input type="text" id="campo" readonly="" required="" value="algum texto"/>
    </body>
</html>
Editado por kikombat

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Entre para seguir isso  

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.