communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
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
Libérer： 2016-05-16 16:55:47
original
1087 Les gens l'ont consulté

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 :

Derniers articles par auteur
Derniers numéros
Méthode CSS uniquement pour modifier dynamiquement le src de l'image au clic sans utiliser JavaScript Je dois changer le src d'une image en cliquant sur la souris en utilisant uniquement du CS...
Depuis 2024-04-06 19:25:49
0
1
505
Les points de nuage de points ne conservent pas leurs valeurs lors du zoom dans d3.js C'est la première fois que j'utilise d3.js, alors soyez indulgents avec moi. Je l'ai implé...
Depuis 2024-04-06 18:16:26
0
1
403
Événements de survol JavaScript sur des pseudo-éléments spécifiques au fournisseur Il s'agit de HTMLinput.$("input[type='range']::-webkit-slider-thumb").on('hover'...
Depuis 2024-04-06 15:35:24
0
1
274
Soumettre le formulaire sans bouton en utilisant Javascript/Jquery J'essaie de soumettre un formulaire sans bouton en appelant une fonction JavaScript et en ...
Depuis 2024-04-06 14:54:03
0
2
421
Personnalisez l'apparence des en-têtes accordéon Bootstrap à l'aide de la classe CollapseDisplay Je souhaite styliser le titre de la carte d'un panneau avec la classeeffondrementshow. Dan...
Depuis 2024-04-06 12:53:11
0
1
376
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal