Use label tag for chat username label, and rename javascript function to checkUsernameTooLong to better reflect its purpose

This commit is contained in:
Miguel Jacq 2021-05-17 08:17:45 +10:00
parent 00473eaef6
commit b66b5eca4d
No known key found for this signature in database
GPG Key ID: EEA4341C6D97A0B6
2 changed files with 3 additions and 3 deletions

View File

@ -88,7 +88,7 @@ var emitMessage = function (socket) {
var updateUsername = function (socket) { var updateUsername = function (socket) {
var username = $('#username').val(); var username = $('#username').val();
if (!checkUsernameExists(username) && !checkUsernameLength(username)) { if (!checkUsernameExists(username) && !checkUsernameTooLong(username)) {
$.ajax({ $.ajax({
method: 'POST', method: 'POST',
url: `http://${document.domain}:${location.port}/update-session-username`, url: `http://${document.domain}:${location.port}/update-session-username`,
@ -133,7 +133,7 @@ var checkUsernameExists = function (username) {
return false; return false;
} }
var checkUsernameLength = function (username) { var checkUsernameTooLong = function (username) {
$('#username-error').text(''); $('#username-error').text('');
if (username.length > 128) { if (username.length > 128) {
$('#username-error').text('Please choose a shorter username.'); $('#username-error').text('Please choose a shorter username.');

View File

@ -23,7 +23,7 @@
<div class="chat-container no-js"> <div class="chat-container no-js">
<div class="chat-users"> <div class="chat-users">
<div class="editable-username"> <div class="editable-username">
<p>Your username:</p> <label for="username">Your username:</label>
<input id="username" value="{{ username }}" /> <input id="username" value="{{ username }}" />
<p id="username-error"></p> <p id="username-error"></p>
</div> </div>