最新のプロジェクトは、化学工場を使用して、使用中に大量のデータを入力することです。
Webページでは、Excelのようなキャリッジリターン機能を実装する必要がありますが、これは非常に役立ちません。
私自身の照合とテストの後、この問題はうまく解決できます。
必要な条件
1. jquery.comの公式ウェブサイトに最新のjqueryライブラリアドレスをダウンロードできます
2。インターフェイスフォームの構造と対応するフォームの位置を確認します
以下は、いくつかの形式の構造です
コードコピーは次のとおりです。
<FieldSet>
<legend>ログインフォーム</legend>
<ol>
<li>
<asp：ラベルrunat = "server" AssociatedControlid = "username"> username </asp：label>
<asp：textbox runat = "server" id = "username" />
<asp：rebultientfieldvalidator runat = "server" controltovalidate = "username" cssclass = "field-validation-error" errormessage = " />"
</li>
<li>
<asp：ラベルrunat = "server" AssociatedControlid = "username"> username </asp：label>
<asp：textbox runat = "server" id = "textbox1" />
<asp：rebultientfieldvalidator runat = "server" controltovalidate = "username" cssclass = "field-validation-error" errormessage = " />"
</li>
<li>
<asp：ラベルrunat = "server" AssociatedControlid = "username"> username </asp：label>
<asp：textbox runat = "server" id = "textbox2" />
<asp：rebultientfieldvalidator runat = "server" controltovalidate = "username" cssclass = "field-validation-error" errormessage = " />"
</li>
<li>
<asp：ラベルrunat = "server" AssociatedControlid = "username"> username </asp：label>
<asp：textbox runat = "server" id = "textbox3" />
<asp：rebultientfieldvalidator runat = "server" controltovalidate = "username" cssclass = "field-validation-error" errormessage = " />"
</li>
<li>
<ASP：ラベルrunat = "server" AssociatedControlid = "username"> username </asp：label>
<asp：textbox runat = "server" id = "textbox4" />
<asp：rebultientfieldvalidator runat = "server" controltovalidate = "username" cssclass = "field-validation-error" errormessage = " />"
</li>
<li>
<asp：ラベルrunat = "server" AssociatedControlid = "username"> username </asp：label>
<asp：textbox runat = "server" id = "textbox5" />
<asp：rebultientfieldvalidator runat = "server" controltovalidate = "username" cssclass = "field-validation-error" errormessage = " />"
</li>
<li>
<asp：ラベルrunat = "server" AssociatedControlid = "username"> username </asp：label>
<asp：textbox runat = "server" id = "textbox6" />
<asp：rebultientfieldvalidator runat = "server" controltovalidate = "username" cssclass = "field-validation-error" errormessage = " />"
</li>
<li>
<asp：ラベルrunat = "server" AssociatedControlid = "username"> username </asp：label>
<asp：textbox runat = "server" id = "textbox7" />
<asp：rebultientfieldvalidator runat = "server" controltovalidate = "username" cssclass = "field-validation-error" errormessage = " />"
</li>
<li>
<asp：ラベルrunat = "server" AssociatedControlid = "username"> username </asp：label>
<asp：textbox runat = "server" id = "textbox8" />
<asp：rebultientfieldvalidator runat = "server" controltovalidate = "username" cssclass = "field-validation-error" errormessage = " />"
</li>
<li>
<ASP：ラベルrunat = "server" AssociatedControlid = "Password">パスワード</asp：label>
<asp：textbox runat = "server" id = "password" textmode = "password" />
<asp：reburcefieldvalidator runat = "server" control tovalidate = "password" cssclass = "field-validation-errorsage ="パスワードフィールドは必須フィールドです
</li>
<li>
<ASP：チェックボックスrunat = "server" id = "rememberme" />
<ASP：ラベルrunat = "server" AssociatedControlid = "rememberme" cssclass = "checkbox"> remember me？</asp：label>
</li>
</ol>
<asp：button runat = "server" commandName = "login" text = "login" />
</fieldset>
フォームに配置する必要があるコンテキストラベル関係に注意してください
http://images.cnitblog.com/i/461877/201403/131104380377939.jpg
ページを生成した後、句読点がどこにあるかに関係なく、その後、変更された構造を持つ小さなラベル要素があります。
次に、jQueryのセレクターの階層セレクターPrev+次の位置をあまり知らない場合は、jqueryのヘルプ文書を表示することができます。
これが重要なスクリプトコードです：
コードコピーは次のとおりです。
<script type = "text/javascript">
$（function（）{
var i = 0; //インデックス
//上記のフォームの場所とコンテキストの関係は、ラベルの後に常に入力タグがあることです
//ここでは、個人的なニーズに応じて変更できます。 。
$（ "label+：text"）。各（function（）{
$（this）.keydown（function（e）{
if（e.keycode == 13）{
i ++; //次の位置付けインデックス
試す {
$（ "label+：text"）[i] .focus（）;
} catch（e）{//要素は次のものでは見つかりません。また、プログラムをキャッチしても例外が発生します。
falseを返す; //送信されるエラーメッセージを避けるために書かれている必要があります
}
falseを返す; //送信されるエラーメッセージを避けるために書かれている必要があります
}
}）;
}）;
}）;
</script>
あなたはそれを試すことができます！ ！ ！それがあなたに役立つことを願っています