recherche

Maison >interface Web >js tutoriel >Le retour chariot JavaScript implémente parfaitement les compétences de fonction de changement d'onglet_javascript

Le retour chariot JavaScript implémente parfaitement les compétences de fonction de changement d'onglet_javascript

WBOY
WBOYoriginal
2016-05-16 16:55:471086parcourir

L'un de mes projets récents concernait une usine chimique, qui nécessitait la saisie d'une grande quantité de données au cours du processus. Toutes les données étaient saisies à l'aide de la petite zone du clavier. Dans le passé, les données étaient saisies via Excel. >
est sur la page Web. J'ai besoin d'implémenter la fonction de retour chariot et de saut de ligne comme Excel. J'ai cherché des questions à ce sujet sur Internet, mais elles ne sont pas très faciles à utiliser. Certaines personnes ont également fourni des idées sur la manière de procéder. pour le faire.

Après mon tri et mes tests, peut bien résoudre ce problème :

Conditions requises

1 Pour l'adresse de la bibliothèque Jquery, vous pouvez aller sur jquery. Site officiel .com pour télécharger le dernier.

2. Afficher le formulaire d'interface La structure et la position du formulaire correspondant

Voici quelques structures de formulaire

Copier le code Le code est le suivant :


Formulaire de connexion

  1. AssociatedControlID="Nom d'utilisateur">Nom d'utilisateur
    "UserName" CssClass="field-validation-error" ErrorMessage="Le champ du nom d'utilisateur est un champ obligatoire. " />
    2. runat="server" AssociatedControlID="UserName">Username

    < "server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="Le champ du nom d'utilisateur est un champ obligatoire." Nom d'utilisateur
    asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="Le champ du nom d'utilisateur est un champ obligatoire. " />


  2. username
    < ;asp:TextBox runat="server" ID="TextBox3" />



  3. username
    < ;asp:TextBox runat="server" ID="TextBox4" />



  4. username
    < ;asp:TextBox runat="server" ID="TextBox5" />



  5. username
    < ;asp:TextBox runat="server" ID="TextBox6" />



  6. username
    < ;asp:TextBox runat="server" ID="TextBox7" />



  7. username
    < ;asp:TextBox runat="server" ID="TextBox8" />



  8. Password
    < ;asp:TextBox runat="server" ID="Mot de passe" TextMode="Mot de passe" />




  9. Se souvenir de moi ?
    10. ="serveur" CommandName="Connexion" Text="Connexion" />

Faites attention à la relation de balise de contexte qui doit être positionnée dans le formulaire
http://images.cnitblog.com/i/461877/201403/131104380377939.jpg
Après avoir généré la page, peu importe où se trouve l'élément de ponctuation, mais il y a Après l'élément label avec une structure inchangée, nous devons passer à l'élément form et type="text"

Ensuite, utilisez le sélecteur de niveau de Jquery prev next positionnement. Si vous n'en savez pas grand-chose, vous pouvez consulter le document d'aide de jquery. Peu importe la méthode que vous utilisez tant que vous pouvez localiser l'élément que vous souhaitez sélectionner

Voici le code du script clé :
Copier le code Le code est le suivant :