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

View File

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