2

(http://www.w3schools.com/js/js_form_validation.asp) で関数を理解しようとしており、getElementsByClassName を使用して (以下) 作り直して、HTML 入力タグに追加したクラス属性を見つけようとしています。私は Javascript に非常に慣れていないため、以下のステートメントの末尾に .value (W3 の例) または .view (私の例) を追加して機能させる必要がある理由がわかりません。私が理解しているように、関数の最初のステートメントは、ドキュメントを調べて、クラス属性 reqname を持つ入力フィールドに変数 X を割り当てることを示しています。

ありがとうございました。

私の機能:

function validateForm()
{
var x=document.getElementsByClassName("reqname").view;
if (x==null || x=="")
  {
  alert("First name must be filled out");
  return false;
  }
}

W3 での機能:

function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
  {
  alert("First name must be filled out");
  return false;
  }
}
4

4 に答える 4

3

入力フィールドなどのフォーム要素には、通常、入力フィールドにvalue入力された文字列である があります。

を指定することで、要素の内容が null.valueかどうかを明示的にチェックします。それがなければ、要素自体が null かどうか、つまり要素が存在するかどうかをチェックすることになります。

あなたのコードにはさらにいくつかの問題があります。.viewあなたが使用していることは意味がありません。また、getElementsByClassName単一の要素ではなく、要素のリストを返すため、その にすぐにアクセスすることはできません.value。

要素が 1 つしかないことがわかっている場合は、 を確認できgetElementsByClassName("reqname")[0].valueます。すべての「reqname」フィールドの値を検証する場合は、コレクションを繰り返し処理し、各項目を個別に確認する必要があります。

var elements =document.getElementsByClassName("reqname");
for(var i = 0, l = elements.length; i < l; i++) {
   var x = elements[i].value;
   if(x == null || x == '') {
      alert("First name must be filled out");
      return false;
   }
}
于 2012-09-27T14:12:05.683 に答える
0

次の場合に役立ちます。

http://tetlaw.id.au/view/javascript/really-easy-field-validation

jquery-プラグイン

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

于 2012-09-27T14:14:31.623 に答える
0

入力フィールドには、「値」(そこに書き込まれるテキスト) 以外のプロパティがあります。そのため、名前 (この場合は「値」) に「.」を追加して、アクセスするプロパティを指定する必要があります。本当にフォームバリデーションを行いたい場合は、必ず php ファイルでも行ってください! JavaScript が行うことはすべてクライアント側で行われるため、基本的には JavaScript を無視してランダムなデータを .php ファイルに送信することができます。

于 2012-09-27T14:17:21.437 に答える
-2

書くのはもっと簡単です

function ValidateForm() {
    var x = $("#inputOID").val();
    if (x == null || x == "")
        alert("......");
    return false;
}

したがって、関数は ValidateForm です。変数 x を宣言し、入力 ID によって入力からの値を指定します。たとえば<input id="inputOID" .... />。したがって、x には入力の値が含まれます。が null または空であるかどうかを確認し、その場合はユーザーに警告します。それで全部です！幸運を！

于 2012-09-27T14:16:44.760 に答える