検索

ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript キャリッジ リターンはタブ切り替え機能を完全に実装します_JavaScript スキル

JavaScript キャリッジ リターンはタブ切り替え機能を完全に実装します_JavaScript スキル

WBOY
WBOYオリジナル
2016-05-16 16:55:471086ブラウズ

私の最近のプロジェクトの 1 つは、プロセス中に大量のデータを入力する必要があったため、以前は Excel を使用してデータを入力していました。 Excel のような改行機能を実装する必要があります。インターネットでこれに関する質問を探しましたが、その方法についてのアイデアも提供されていました。

並べ替えとテストの後、この問題は非常にうまく解決できます。

必要な条件

1. Jquery ライブラリのアドレスについては、jquery.com 公式にアクセスしてください。

2. インターフェースフォームの構造と対応するフォームの位置を表示します

以下はいくつかのフォーム構造です


コードをコピー コードは次のとおりです:

<フィールドセット>
ログインフォーム

    ユーザー名



    < runat="server" AssociatedControlID="UserName">ユーザー名
    < asp:RequiredFieldValidator "server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="ユーザー名フィールドは必須フィールドです。" />
    < ユーザー名
    asp:RequiredFieldValidator runat="server" ControlToValidate="UserName" CssClass="field-validation-error" ErrorMessage="ユーザー名フィールドは必須フィールドです。 " />


  1. ユーザー名
    < ;asp:TextBox runat="server" ID="TextBox3" />



  2. ユーザー名
    < ;asp:TextBox runat="server" ID="TextBox4" />



  3. ユーザー名
    < ;asp:TextBox runat="server" ID="TextBox5" />



  4. ユーザー名
    < ;asp:TextBox runat="server" ID="TextBox6" />



  5. ユーザー名
    < ;asp:TextBox runat="server" ID="TextBox7" />



  6. ユーザー名
    < ;asp:TextBox runat="server" ID="TextBox8" />



  7. パスワード
    < ;asp:TextBox runat="サーバー" ID="パスワード" TextMode="パスワード" />




  8. Remember me?
="サーバー" CommandName="ログイン" Text="ログイン" />

フォーム内に配置する必要があるコンテキスト タグの関係に注意してください
http://images.cnitblog.com/i/461877/201403/131104380377939.jpg
ページの生成後は、関係なくここに句読点要素がありますが、変更されていない構造の label 要素の後に、form 要素と type="text"

に切り替える必要があります。次に、Jquery のセレクター レベル セレクター prev next の位置指定を使用します。それについてはあまり詳しくありませんが、jquery のヘルプ ドキュメントを確認してください。選択したい要素が見つかる限り、どの方法を使用するかは関係ありません。

重要なスクリプト コードは次のとおりです。
コードをコピー コードは次のとおりです: