2012-04-04 20 views
0

私は入力のHTML要素があります。入力要素がいっぱいになっているかどうかを確認したいのですが。基本的には必須です。私は次のようなことをしています:DOM要素を検証する

var displayNames new Array(); 
    displayNames[0] = "Name"; 
    displayNames[1] = "Address"; 
    displayNames[2] = "Age"; 

function validForm() { 
    var Name = document.getElementById(txtName).value; 
    if(!Name) { 
     alert(displayName[0] is required); 
    }} 

JSで検証を簡単にするにはどうすればよいですか?

+2

のような検証プラグインを使用することを検討しています。1)サーバー上でも、クライアント(私はあなたがこれを既にカバーしていると確信しています)、2)できるだけ迷惑にならないようにしてください。 'alert'メッセージは本当に目立ちます。データが正しく入力されるまで送信ボタンを無効にするか、データが間違って入力されたことをユーザーに警告する小さな赤い 'div'を表示します(フォームのフォーカスを乱すことなく)。 –

+0

ええ、私はポップアップで不足しているフィールドを表示するiPadアプリを構築しています。 –

答えて

1

は、どのように私はJSでの検証を容易にする必要がありますか?

によって異なります。彼らはすべて弦ですか?それとも数字でもいいですか?あるいは正規表現を必要とする人(電子メールアドレスのようなもの)?ヘックは、空の文字列や空白でもありますか?

私たちが12フィールド未満について話しているのであれば、私は自分自身の検証を行うことを検討します。しかし、複数のページやプロジェクトに広がっているフィールドについては、http://bassistance.de/jquery-plugins/jquery-plugin-validation/

+0

数値、文字列、日付の組み合わせ。そして、ええ、それらのいくつかも空にすることができます。 –

+0

さて、フィールドは12フィールド以下です。また、投稿したリンクも表示されます。 DOM要素間のイントラ依存関係も保持するかどうかCheckBox1の場合と同様に、CheckBox1とTextBox1をチェックする必要があります。このようなもの? –

3

使用はjquery validate

+0

これは従属DOM要素でも機能しますか? –

+1

さまざまなdom要素の検証規則を追加できます。http://docs.jquery.com/Plugins/Validation/rules –