<script type="text/javascript">
$(document).ready(function() {
jQuery.validator.messages.required = "";
var img_error;
$("#masterform").validate({
onkeyup: false, // on check à chaque champ
rules: { // regle de validation
password_first: {
required: true,
minlength: 8
},
password_second: {
required: true,
minlength: 8,
equalTo: "#password_first"
}
},
messages: { // messages d'erreur
password_first: {
minlength: img_error+" le mot de passe doit faire au moins 8 caractères"
},
password_second: {
equalTo: img_error+" les deux mot de passe ne sont pas identiques",
minlength: img_error+" le mot de passe doit faire au moins 8 caractères"
},
email: {
email: img_error+" l\'adresse de courriel semble incorrecte.",
remote: jQuery.validator.format(img_error+" <em>{0}</em> est déjà utilisée pour un autre compte mon théâtre. Si c'est la votre, vous pouvez changer <a href=\"/montheatre/recuppass/email/{0}\">changer votre mot de passe ou retrouver votre pseudonyme</a> ou <a href=\"/montheatre/validation/retry/{0}\">valider votre inscription</a> si vous ne l'avez pas encore fait")
},
login: {
remote: jQuery.validator.format(img_error+" <em>{0}</em> est déjà utilisée par un autre compte mon théâtre. Vous devez choisir un autre pseudonyme ou <a href=\"/montheatre/recuppass/email/{0}\">changer votre mot de passe</a> si vous l'avez oublié"),
rangelength: img_error+" le pseudonyme doit faire entre 5 et 30 caractères"
},
firstname: { required: " " },
lastname: { required: " " }
},
errorPlacement: function(error, element) { // placer l'erreur après le champ et supprimer la précision
error.insertAfter(element);
idfield = element.attr('id');
$('#field_precision_'+idfield).empty();
error.next('.require_img').empty();
},
errorElement: "span", // placer l'erreur dans un span
success: function(label) {
label.html(img_ok);
idfield = label.attr('htmlfor');
$('#field_precision_'+idfield).empty();
label.next('.require_img').empty();
$('#'+idfield).parent().removeClass('require_erreur');
},
onsubmit: false, // laisser la validation du formulaire
debug:false
});
});
</script>
{{ form_start(form) }}
<div class="tc-panel-header">
<h2 id="compte" class="tc-neutral-color">Mon compte</h2>
</div>
<div class="tc-panel-body">
<div class="tc-block">
<div class="tc-block-header">
<h3>Les champs signalés par un <span class="require">*</span> sont obligatoires.</h3>
</div>
<div class="tc-block-body">
{% if change_mode is not defined or (change_mode is defined and not change_mode) %}
<p>Vos informations de connexion : vous recevrez une demande de validation par courriel</p>
{% else %}
<p>Si vous changez d'adresse de courriel, vous recevrez un message pour
<strong>confirmer la nouvelle adresse</strong>.<br />Si vous ne confirmez pas cette nouvelle adresse, elle ne sera pas prise en compte.</p>
{% endif %}
{{ form_label(form.email) }}
{{ form_widget(form.email) }}
{{ form_label(form.login) }}
{{ form_widget(form.login) }}
</div>
</div>
<div class="tc-block">
<div class="tc-block-header">
{% if change_mode is defined and change_mode %}
<h3 class="tc-bold">Saisissez un mot de passe uniquement si vous souhaitez changer l'actuel.</h3>
{% endif %}
</div>
<div class="tc-block-body">
<div style="margin-bottom:0">
{{ form_label(form.password.children.first) }}
{{ form_widget(form.password.children.first) }}
{{ form_label(form.password.children.second) }}
{{ form_widget(form.password.children.second) }}
</div>
{{ form_label(form.firstname) }}
{{ form_widget(form.firstname) }}
{{ form_label(form.lastname) }}
{{ form_widget(form.lastname) }}
{{ form_label(form.country) }}
{{ form_widget(form.country) }}
{% if change_mode is not defined or (change_mode is defined and not change_mode) %}
{% include 'includes/recaptcha.inc.html.twig' %}
{% endif %}
</div>
</div>
</div>
<div class="tc-panel-header">
<h2 id="complements" class="tc-neutral-color">Mes informations complémentaires</h2>
</div>
{% if afficher_questions_falcutatives is not defined or (afficher_questions_falcutatives is defined and not afficher_questions_falcutatives) %}
<div class="tc-panel-body">
<div class="tc-block">
<div class="tc-block-body">
<p id="section_infos">Quelques questions facultatives pour mieux connaître nos visiteurs (informations non publiques)</p>
{{ form_label(form.secteur) }}
{{ form_widget(form.secteur) }}
{{ form_label(form.structure) }}
{{ form_widget(form.structure) }}
{{ form_label(form.fonction) }}
{{ form_widget(form.fonction) }}
{{ form_label(form.address) }}
{{ form_widget(form.address) }}
{{ form_label(form.zip) }}
{{ form_widget(form.zip) }}
{{ form_label(form.city) }}
{{ form_widget(form.city) }}
{{ form_label(form.phone) }}
{{ form_widget(form.phone) }}
</div>
</div>
</div>
{% endif %}
<div class="tc-panel-footer">
{% if change_mode is not defined or (change_mode is defined and not change_mode) %}
<p class="normal"> {{ form_row(form.thnet) }} Je souhaite recevoir la lettre d'information de theatre-contemporain.net</p>
{% if form.theduc is defined and form.theduc %}
<p class="normal">{{ form.theduc.html|raw }} Je souhaite recevoir la lettre d'information de <strong>educ</strong>.theatre-contemporain.net</p>
{% endif %}
{% endif %}
{{ form_widget(form.validation) }}
<a href="/montheatre/" class="tc-btn-cancel">Annuler</a><br>
</div>
{{ form_end(form) }}
{% if clear_password_TODO is defined and clear_password_TODO %}
<script type="text/javascript">
$(function(){
// vider la champ password
$('.password_field').val('');
});
</script>
{% endif %}
{% if change_mode is defined and change_mode %}
<script type="text/javascript">
$(document).ready(function() {
// remplir la région à partir du code postal
$("#zip").blur(function() {
val = $('#zip').val();
$.ajax({
type: "GET",
url: "/ajax/zipregion/zip/"+val,
success: function(msg){
msg = parseInt(msg);
if(msg>0) {
$("#idregion option:selected").attr("selected",'');
$('#idregion option[value='+msg+']').attr("selected", "selected");
}
}
});
});
});
</script>
{% endif %}