Javascript crée un nom d'utilisateur à l'aide d'entrées

J'ai une forme dans laquelle l'utilisateur saisit diverses informations. Le nom d'entrée choisi permet à l'utilisateur d'entrer un nom d'utilisateur de choix, mais une entrée HIDDEN INPUT doit être intégrée pour créer un nom d'utilisateur système.

Le nom d'utilisateur du système est généré sur la page en soumettant par une fonction javascript et se compose des premiers caractères alphabétiques trouvés dans le nom de famille, l'adresse de rue, prénom; Le jour numérique du mois; Et le champ des secondes numériques du moment de la soumission. Par exemple: un utilisateur enregistre avec le nom Bernardo O'Higgins, adresse 213 Liberator St, à 12:31:16 le 25 avril 2014. Son nom d'utilisateur système est OLB2516. Juste pour que je puisse voir si cela fonctionne, au moment où le nom d'utilisateur ssytem n'est pas caché mais juste une zone de texte normale.

Je suis totalement perdu car je ne sais pas comment y parvenir et j'espère que quelqu'un peut m'aider? Voici mon fichier php avec formulaire intégré.

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> <title>Registration</title> </head> <body> <?php $conn = mysql_connect("localhost", "....", "....."); mysql_select_db("tipping291", $conn) or die ('Database not found ' . mysql_error() ); mysql_close($conn); ?> <div id="container"> <div id="header"> <h1>Registration</h1></div> <div id="menu"> <a href="home.php"><h2>Homepage</h2></a><br /> <a href="rego.php"><h2>Registration</h2></a><br /> <a href="userlogin.php"><h2>User Login</h2></a><br /> <a href="adminlogin.php"><h2>Administrator Login</h2></a><br /> <a href="tipping.php"><h2>Tipping</h2></a><br /> <a href="termsnconditions.php"><h2>Terms & Conditions</h2></a><br /> </div> <form id="rego" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="post" onSubmit="return validateForm()"> <label>Given Name:</label> <input type="text" name="gname"><br /> <br /> <label>Middle Name: </label><input type="text" name="mname"><br /> <br /> <label>Family Name:</label> <input type="text" name="surname"><br /> <br /> <label>Chosen Username:</label> <input type="text" name="username"><br /> <br /> <label>Address:</label> <input type="text" name="address"><br /> <br /> <label>Postcode: </label><input type="text" name="postcode"><br /> <br /> <label>State:</label> <input type="text" name="state"><br /> <br /> <label>Tel number: </label><input type="text" name="tel"><br /> <br /> <label>Password:</label> <input type="password" name="password"><br /> <br /> <label>Password confirmation:</label> <input type="password" name="passconfirm"><br /> <br /> <label>System username</label> <input type="text" name="susername" > <input type="submit" value="submit"> </div> </form> </body> </html> 

CAN SOMBODY PEASE AIDEZ-MOI! J'AI A TOUT SUCCESSS

Je pense que le code trouvé ici est plus approprié pour générer une chaîne aléatoire (vous pouvez mettre 20 caractères au lieu de 10)

Vous pouvez également utiliser md5 () dans l'heure ou l'utilisateur …

Et vous n'avez pas à vous soucier de le créer en javascript, si cela est généré au hasard, vous pouvez le faire en php.

Si vous avez vraiment besoin de javascript … il y a la réponse CaffGeek dans cette publication … qui pourrait vous aider

Ajoutez le code ci-dessous avant la fermeture } de la function validateForm() { et essayez

 var username = ''; var date = new Date(); $.each(['surname', 'address', 'gname'], function() { username += $.trim($('input[name="' + this + '"]').val().replace(/\d+/g, '')).substring(0, 1); }); username += date.getDate() + '' + date.getSeconds(); $('input[name="susername"]').val(username); 

JsBin