daniofilho
4/12/2016 - 11:42 AM

contact form 7 - Bootstrap 3


    <div class="control-group row">
        <label class="control-label col-md-2" for="txt_nome">Nome</label>

        <div class="controls col-md-10">
            [text txt_nome class:input-xlarge id:txt_nome]
        </div>
    </div>

    <div class="control-group row">
        <label class="control-label col-md-2" for="txt_email">E-Mail</label>

        <div class="controls col-md-10">
            [text txt_email class:input-xlarge id:txt_email]
        </div>
    </div>

    <div class="control-group row">
        <label class="control-label col-md-2" for="txt_email">Mensagem</label>

        <div class="controls col-md-10">
            [textarea mensagem x4 class:input-xlarge]
        </div>
    </div>
    
    <div class="control-group row">
	  <div class="controls col-md-12 msg-form"></div>
	</div>

    <div class="control-group row">
        <label class="control-label col-md-5">&nbsp;</label>

        <div class="controls col-md-4">
            [submit class:btn class:btn-default "enviar"]
        </div>
    </div>



------


De: [txt_nome]
E-Mail: <[txt_email]>

Corpo da mensagem:
[mensagem]

--
Este e-mail foi enviado de um formulário de contato


----


	$(".wpcf7 input[type=submit]").attr("disabled", "disabled");
		
	$('#txt_email').on('change', function(){
		
		if( isValidEmailAddress( $(this).val() ) ) {
			$('.msg-form').html("");
			$(".wpcf7 input[type=submit]").removeAttr("disabled");
		} else {
			$('.msg-form').html('<p class="text-danger">E-mail inválido...</p');
			$(".wpcf7 input[type=submit]").attr("disabled", "disabled");
		}
		
	});