hey there for now i am using this scripts for checking the input in my username-field:
// username-check
$(document).ready(function(){
$("#username-field").keyup(function(event) {
$.post("checkUsername.php", {
username: $(this).val()
},
function(data) {
$("#name-error").text(data.error ? data.error : "");
}, "json");
});
});
this jQuery is sending the typed data to an other php-script: here it is, chechUsername.php:
include "storescripts/connect_to_mysql.php";
require 'classes/UsernameChecker.php';
$config = array('DB' => $mysqli,
'Table' => 'table',
'Row' => 'row',
'Output' => true,
'Format' => 'JSON');
$usernameChecker = new UsernameChecker($config);
if(!empty($_POST['username'])) {
if ($usernameChecker->check_regex($_POST['username'])) {
if($usernameChecker->check_length($_POST['username'])) {
if (!$usernameChecker->check($_POST['username'])) {
echo json_encode(array("error" => "Username already taken"));
} else {
echo json_encode(array("error" => "Username available"));
}
} else {
echo json_encode(array("error" => "Username too long"));
}
} else {
echo json_encode(array("error" => "Allowed symbols: a-z , A-Z , 1-9 and \"_\""));
}
} else {
echo json_encode(array("error" => "Type username"));
}
depending on the input, i created some error-messages. those error-messages are displayed in:
<span class="error" id="name-error"></span>
now i want to diplay this error-messages in speech-bubbles instead, anybody got a good solution or a good tutorial or a jsfiddle for solving my problem? greetings!