charlidust

Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Forum: Plugins
    In reply to: [Contact Form 7] no error in validate for empty field with placeholder
    Thread Starter charlidust

    (@charlidust)

    11 years, 11 months ago

    Ok, I try switching to the default theme, and everything is working properly.
    So I switching to my theme and desactivate my “main.js”, and everything is working properly.
    So I inspect my “main.js” and I found the problem: a code for IE placeholder !!!

    IE, IE, IE… pfffffft

    // placeholder for IE
    $('input[placeholder]').each(function(){
	    var input = $(this);
	    $(input).val(input.attr('placeholder'));

	    $(input).focus(function(){
	        if (input.val() == input.attr('placeholder')) {
	           input.val('');
	        }
	    });
	    $(input).blur(function(){
	       if (input.val() == '' || input.val() == input.attr('placeholder')) {
	           input.val(input.attr('placeholder'));
	       }
	    });
	});

    Thank you very much for your help !

    Forum: Plugins
    In reply to: [Contact Form 7] no error in validate for empty field with placeholder
    Thread Starter charlidust

    (@charlidust)

    11 years, 11 months ago

    the site is in localhost, you can see the form in backoffice here:

    <div class="form-group col-sm-6">
[text* nom id:nom class:form-control placeholder "Nom"]</div>

<div class="form-group col-sm-6">
[text* email id:email class:form-control placeholder "E-mail"]</div>

<div class="form-group col-sm-12">
[textarea* message id:message class:form-control placeholder "Message"]</div>

<div class="form-group button">
<button type="submit">Envoyer <i class="fa fa-chevron-right"></i></button>
[submit "Envoyer" type:hidden]</div>

    and the result:

    <div class="col-sm-7 formulaire"><div class="wpcf7" id="wpcf7-f15-o1">
<div class="screen-reader-response"></div>

<form action="/belugas/#wpcf7-f15-o1" method="post" class="wpcf7-form row" novalidate="novalidate">

<div style="display: none;">
<input type="hidden" name="_wpcf7" value="15" />
<input type="hidden" name="_wpcf7_version" value="3.8.1" />
<input type="hidden" name="_wpcf7_locale" value="fr_FR" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f15-o1" />
<input type="hidden" name="_wpnonce" value="e8527c56db" />
</div>

<div class="form-group col-sm-6">
<span class="wpcf7-form-control-wrap nom"><input type="text" name="nom" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" id="nom" aria-required="true" aria-invalid="false" placeholder="Nom" /></span></div>
<div class="form-group col-sm-6">
<span class="wpcf7-form-control-wrap email"><input type="text" name="email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" id="email" aria-required="true" aria-invalid="false" placeholder="E-mail" /></span></div>
<div class="form-group col-sm-12">
<span class="wpcf7-form-control-wrap message"><textarea name="message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control" id="message" aria-required="true" aria-invalid="false" placeholder="Message"></textarea></span></div>
<div class="form-group button">
<button type="submit">Envoyer <i class="fa fa-chevron-right"></i></button><br />
<input type="submit" value="Envoyer" class="wpcf7-form-control wpcf7-submit" /></div>

<div class="wpcf7-response-output wpcf7-display-none"></div>

</form></div>

    I fill only the “message” field, and when I send it… there is no error but this: “Votre message a bien été envoyé. Merci.”

    If I don’t fill the “message “field”, it say me that it’s empty but not the other two.

Viewing 2 replies - 1 through 2 (of 2 total)