1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39
|
<form id='contact' method='post'>
<h2>Envoyer un message...</h2>
<form id="contact" method="post">
<ul>
<li>
<label for="senderName">Quel est votre nom ?</label>
<input type="text" name="form_name" id="form_name" type="text" required='required' maxlength='40' pattern="^.+$" />
</li>
<li>
<label for='senderEmail'>Quelle adresse courriel ?</label>
<input name="form_email" id="form_email" type="email" placeholder="Votre email" required='required' maxlength='50' pattern="^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$" />
</li>
<label for="telephone">Votre téléphone</label>
<input type="text" name="form_tel" id="telephone" placeholder="Votre n° de téléphone." required="required" maxlength="14" pattern="^[-+() 0-9x]+$" />
</li>
<li>
<label for='message'>Quel est votre message ?</label>
<textarea name="msg_text" id="msg_text" placeholder='Ici, votre message.' required='required' cols='80' rows='10' maxlength='10000'></textarea>
</li>
</ul>
<input type="submit" value="ENVOI" name="submit" class="button">
</form>
<p class="success" style="display:none">Votre message est bien parti.</p>
<script>
$(function() {
$("#contact .button").click(function() {
var name = $("#form_name").val();
var email = $("#form_email").val();
var tel = $("#form_tel").val();
var text = $("#msg_text").val();
var dataString = 'name='+ name + '&email=' + email + '&tel=' + tel + '&text=' + text;
$.ajax({ type: "POST", url: "email.php", data: dataString,
success: function(){ $('.success').fadeIn(1000); }});
return false;
});
});
</script> |
Partager