71 lines
2.6 KiB
XML
71 lines
2.6 KiB
XML
<metal:block use-macro="main_template">
|
|
<div metal:fill-slot="content">
|
|
|
|
<div class="row">
|
|
<form id="change-password-form" method="post"
|
|
data-fv-framework="bootstrap"
|
|
data-fv-icon-valid="glyphicon glyphicon-ok"
|
|
data-fv-icon-invalid="glyphicon glyphicon-remove"
|
|
data-fv-icon-validating="glyphicon glyphicon-refresh">
|
|
|
|
<div class="form-group">
|
|
<label class="control-label" for="new_password1">Nouveau mot de passe</label>
|
|
<input class="form-control" type="password" size="10" name="new_password1" id="new_password1" placeholder="20 caractères maximum" />
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="control-label" for="new_password2">Confirmer le mot de passe</label>
|
|
<input class="form-control" type="password" size="10" name="new_password2" id="new_password2" />
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<button class="btn btn-primary" type="submit" name="form.submitted">Valider</button>
|
|
</div>
|
|
</form>
|
|
</div> <!-- row -->
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
var fv = $('#change-password-form').formValidation({
|
|
fields: {
|
|
new_password1: {
|
|
validators: {
|
|
notEmpty: {
|
|
message: 'Le mot de passe est obligatoire'
|
|
},
|
|
stringLength:{
|
|
min: 8,
|
|
max: 20,
|
|
message: "La logueur de mot de passe n'est pas respectée, minimum 8, maximum 12"
|
|
},
|
|
regexp: {
|
|
regexp: /^(?=.*\d)(?=.*[!@#$%^&*\_\-\.\+,;\:\\/§à\]\[\?\{\}])(?=.*[a-z])(?=.*[A-Z])[0-9a-zA-Z!@#$%^&*\_\-\.\+,;\:\\/§à\]\[\?\{\}]{8,}$/,
|
|
message: 'Le mot de passe doit contenir au minimum une lettre, un nombre,un majuscule, un minuscle, et un caractère speciaux.',
|
|
}
|
|
}
|
|
},
|
|
new_password2: {
|
|
validators: {
|
|
notEmpty: {
|
|
message: 'Le mot de passe est obligatoire'
|
|
},
|
|
callback: {
|
|
message: 'Le mot de passe et sa confirmation ne sont pas identiques.',
|
|
callback: function(input) {
|
|
var new_password1_val = $('#new_password1').val();
|
|
return new_password1_val == input;
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
}).data();
|
|
$('#new_password1').on('change input', function(){
|
|
fv.formValidation.revalidateField($('#new_password2'))
|
|
});
|
|
});
|
|
</script>
|
|
|
|
</div>
|
|
</metal:block>
|