Revised the username validation pattern in register account

This commit is contained in:
Vincenzo Cestone 2021-04-16 18:30:49 +02:00
parent 25b1b9bda2
commit b21aa1ab33
5 changed files with 19 additions and 5 deletions

View File

@ -10,8 +10,13 @@
<label for="username" class="${properties.kcLabelClass!}">${msg("username")}</label> <label for="username" class="${properties.kcLabelClass!}">${msg("username")}</label>
</div> </div>
<div class="${properties.kcInputWrapperClass!}"> <div class="${properties.kcInputWrapperClass!}">
<input type="text" id="username" name="username" value="${(user.username!'')}" class="${properties.kcInputClass!}" pattern="^(?!postfix$)(?!cyrus$)[^\s/\-\\]+$" /> <input type="text" id="username" name="username" value="${(user.username!'')}" class="${properties.kcInputClass!}" pattern="^(?!postfix$)(?!cyrus$)[a-zA-Z0-9\.]+$" />
</div> </div>
<script type="text/javascript">
document.getElementById("username").oninvalid = function(ev) {
ev.target.setCustomValidity('${msg("usernameValidityMsg")}')
}
</script>
</div> </div>
</#if> </#if>
<div class="${properties.kcFormGroupClass!} ${messagesPerField.printIfExists('email',properties.kcFormGroupErrorClass!)}"> <div class="${properties.kcFormGroupClass!} ${messagesPerField.printIfExists('email',properties.kcFormGroupErrorClass!)}">

View File

@ -1,3 +1,5 @@
confirmLinkIdpReviewProfile=Review information for new profile confirmLinkIdpReviewProfile=Review information for new profile
termsAcceptMsg=You have to scroll down to read and then accept the terms termsAcceptMsg=You have to scroll down to read and then accept the terms
usernameValidityMsg=Only letters, numbers and dots are permitted

View File

@ -1 +1,3 @@
confirmLinkIdpReviewProfile=Rivedi le informazioni del nuovo profilo confirmLinkIdpReviewProfile=Rivedi le informazioni del nuovo profilo
usernameValidityMsg=Sono consentiti solo lettere, numeri e punti

View File

@ -37,8 +37,13 @@
<label for="username" class="${properties.kcLabelClass!}">${msg("username")}</label> <label for="username" class="${properties.kcLabelClass!}">${msg("username")}</label>
</div> </div>
<div class="${properties.kcInputWrapperClass!}"> <div class="${properties.kcInputWrapperClass!}">
<input type="text" id="username" class="${properties.kcInputClass!}" name="username" value="${(register.formData.username!'')}" pattern="^(?!postfix$)(?!cyrus$)[\w\.]+$" autocomplete="username" /> <input type="text" id="username" class="${properties.kcInputClass!}" name="username" value="${(register.formData.username!'')}" pattern="^(?!postfix$)(?!cyrus$)[a-zA-Z0-9\.]+$" autocomplete="username" />
</div> </div>
<script type="text/javascript">
document.getElementById("username").oninvalid = function(ev) {
ev.target.setCustomValidity('${msg("usernameValidityMsg")}')
}
</script>
</div> </div>
</#if> </#if>

View File

@ -17,7 +17,7 @@
function checkKcTermsScrollHeight(){ function checkKcTermsScrollHeight(){
var kcTermsTextElement = document.getElementById("kc-terms-text") var kcTermsTextElement = document.getElementById("kc-terms-text")
if ((kcTermsTextElement.scrollTop + kcTermsTextElement.offsetHeight) >= kcTermsTextElement.scrollHeight){ if ((kcTermsTextElement.scrollTop + kcTermsTextElement.offsetHeight + 5) >= kcTermsTextElement.scrollHeight){
document.getElementById("kc-accept").disabled = false; document.getElementById("kc-accept").disabled = false;
} }
} }