Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

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);
            }
        }
    });

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>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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