名前を入力すると、テキストボックスの横に「右記号」が表示されます。コーディングを教えてもらえますか... JavaScriptを使用してこの種の検証を行ってもよろしいですか
1599 次
1 に答える
1
はい、このタイプの検証を Javascript で行うことができます。実際、Javascript の主な用途の 1 つは、フォームの検証を行うことでした。それを行うには複数の方法があり、フォームの検証を行うためのライブラリとフレームワーク ( example ) もあります。
これは非常に一般的なことで、一部のブラウザーには検証アルゴリズムが組み込まれています (たとえば<input type="email">
、最新の Google Chrome で内容がメール アドレスのように見えないと文句を言う場合)。
検証を行いたい場合は、興味のあるイベントがいくつかあります。onblur
フォーム要素が制御を失ったときに発生します。onkeypress
ユーザーがキーを押すとすぐに発生します。他にもイベントがあります。ただし、通常、ユーザーがフォーカスをコントロールから別のコントロールに変更したときに検証を実行する必要があります ( onblur
)。
<!DOCTYPE html>
<html>
<head>
</head>
<body>
Enter name then press tab or click outside the input field:
<input type="text" name="fname" id="fname" onblur="validate()"/>
</body>
</html>
validate()
関数は次のようになります。
function validate()
{
var val = document.getElementById("fname").value
if ( /\d/.test( val ) ) {
alert( "First name cannot have digits in it: " + val );
}
}
詳細については、ネットを検索できます。
于 2012-11-21T14:49:31.080 に答える