0

ここに画像の説明を入力 名前を入力すると、テキストボックスの横に「右記号」が表示されます。コーディングを教えてもらえますか... JavaScriptを使用してこの種の検証を行ってもよろしいですか

4

1 に答える 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 に答える