jQuery入力をテキストに変換します

jqueryを使用して、フォーム入力をテキスト要素に変換します 。現時点では、スクリプトはテキスト入力に対してのみ機能しますが、テキストレア、ラジオ、チェックボックスなどの他の入力タイプで簡単に機能するように簡単に拡張できます。

$form <span>= $('#register-form1');
</span>$form<span>.find(':input').each( function(i<span>,v</span>)
</span><span>{
</span>    <span>var iElem = $(v),
</span>        name <span>= iElem.attr('name'),
</span>        type <span>= iElem.attr('type'),
</span>        labelElem <span>= iElem.parents().find('label[for="'+name+'"]'),
</span>        labelTxt <span>= labelElem.html(),
</span>        iVal <span>= iElem.val();
</span>
    <span>if(type == 'input')
</span>    <span>{
</span>    iElem<span>.parent().prepend(''+labelTxt+' '+iVal+'');
</span>
    <span>}
</span><span>else if (type == 'password')
</span><span>{
</span>    iVal <span>= iVal.substr(i).replace(<span>/<span><span>[S]</span></span>/g</span>, "*");
</span>    iElem<span>.parent().prepend(''+labelTxt+' '+iVal+'');
</span><span>}
</span>    <span>//remove old input elements
</span>    iElem<span>.remove();
</span>    labelElem<span>.remove();
</span><span>});</span>

jQueryに関するよくある質問（FAQ）は、入力テキストを変換します

jQueryを使用して入力テキストボックスの値を取得するにはどうすればよいですか？

jQueryを使用して入力テキストボックスの値を取得するには、.val（）メソッドを使用できます。このメソッドは、選択した要素の値を返します。例は次のとおりです。

$（document）.ready（function（）{
$（ "button"）。click（function（）{
alert（ "value：" $（ "＃（"＃） test "）））; val（））;
}）;
} box。

jqueryを使用して入力テキストボックスの値を設定するにはどうすればよいですか？

​​

jQueryを使用して入力テキストボックスの値を設定するには、.val（）メソッドを使用することもできます。 、しかし今回は、新しい値を引数として渡します。例は次のとおりです。

$（document）.ready（function（）{
$（ "Button"）。 「hello world」

jQueryを使用して入力テキストを大文字に変換するにはどうすればよいですか？

入力テキストをjQueryを使用して大文字に変換するには、.touppercase（）javascript文字列の.val（）メソッドと組み合わせて使用​​できます。 jqueryの。例は次のとおりです。

$（document）.ready（function（）{

$（ "button"）。 .val（）;

$（ "＃test"） ID「テスト」を使用した入力要素の値は大文字に変換されます。 jQueryの.val（）メソッドと組み合わせて、JavaScript文字列の.tolowercase（）メソッドを使用します。例は次のとおりです。

$（document）.ready（function（）{
$（ "button"）。 .val（）;
$（ "＃test"）。val（text.tolowercase（））;
}）;
} ID「テスト」を使用した入力要素の値は、小文字に変換されます。

jqueryを使用して入力テキストからリーディングスペースとトレーリングスペースをトリミングするにはどうすればよいですか？

​​

jqueryを使用して入力テキストからリーディングスペースとトレーリングスペースをトリミングするには、javascript文字列の.trim（）メソッドと組み合わせて使用​​できますjQueryの.val（）メソッド。例は次のとおりです。

$（document）.ready（function（）{
$（ "button"）。 .val（）;
$（ "＃test"） 、リーディングとトレーリングスペースは、ID「テスト」を使用して入力要素の値から削除されます。 jQueryを使用して、jQueryの.val（）メソッドと組み合わせてJavaScript文字列の.replace（）メソッドを使用できます。例は次のとおりです。

$（document）.ready（function（）{
$（ "button"）。 .val（）;
$（ "＃test"）。val（text.replace（ "old"、 "new"））;

} 、 いつボタンがクリックされます。ID「テスト」を使用して入力要素の値での文字列「古い」の最初の発生は「新しい」に置き換えられます。 jQuery？

jQueryを使用して入力テキストが空であるかどうかを確認するには、.val（）メソッドを使用して、返された値を空の文字列と比較できます。例は次のとおりです。

$（document）.ready（function（）{
$（ "button"）。 .val（）;
if（text == ""）{
alert（ "input is empty"）;
}
}）;
}）;
たとえば、ボタンをクリックすると、ID「テスト」が空の入力要素の値が空になっている場合、アラートボックスが表示されます。 > jQueryを使用して入力テキストボックスを無効にするには、.prop（）メソッドを使用して、「無効」プロパティをtrueに設定できます。例は次のとおりです。

$（document）.ready（function（）{

$（ "ボタン"）。 "disabled"、true）;

}）;
}）;
この例では、ボタンがクリックされると、ID「テスト」の入力要素が無効になります。できるjQueryを使用して無効化された入力テキストボックスを有効にしますか？

jQueryを使用して無効な入力テキストボックスを有効にするには、.prop（）メソッドを使用して、「無効」プロパティをfalseに設定できます。例は次のとおりです。

$（document）.ready（function（）{
$（ "ボタン"）。 "disabled"、false）;
}）;
}）;
この例では、ボタンがクリックされると、ID「テスト」の入力要素が有効になります。できるjQueryを使用して入力テキストボックスに焦点を当てていますか？

​​

jQueryを使用して入力テキストボックスに焦点を当てるには、.focus（）メソッドを使用できます。例は次のとおりです。

$（document）.ready（function（）{
$（ "button"）。クリック（function（）{
$（ "＃test"）。フォーカス（ ）;
}）;
}）;
この例では、ボタンがクリックされると、ID「テスト」の入力要素に焦点が合っています。

以上がjQuery入力をテキストに変換しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。