2012-04-30 11 views
0

私はフォーム全体を検証するための単一の関数を必要とする大きなフォームを持っています。JSフォームの検証

私のフォーム名は "orderform"です。私はすべてフォームの最後に正しく設定されているので、今は関数に追加するだけです。

「emailaddress」という形式で電子メールアドレスが入力され、有効であることを確認する必要があります。これを行うには何をする必要がありますか?

また、2つのラジオボタンがあり、1つ選択すると何も起こりませんが、もう1つが選択されると他のセクション、たとえば他のアドレスが有効になるようにします。

誰かが手を貸してくれますか?

ああ、最後のものは単純である必要がありますが、番号フィールドを検証して、それが特定の長さ(例:郵便番号)であることを確認するにはどうすればよいですか。

ありがとうございます!!!!

答えて

1

これは非常に一般的なことです。 JS検証プラグインまたはフレームワークを確認しましたか?それらのほとんどは既に必須のフィールド、数字、電子メールアドレスなどの共通の検証パターンを持っています。

jQuery Validationには、電子メールアドレス、番号、URLのバリデータが組み込まれています。また、独自のバリデータを追加することもできます。

私は、「INFO」TLDの電子メールアドレスをバリデータが受け入れないウェブサイトが紛失しているのを見ました。電子メールアドレスを検証する正規表現はそれほど単純ではありません。 、

document.yourformname.elementname

それらを検証する方法を参照するにはQuirksModeはラジオを含め、本当に優れた導入を、持っていると:あなたが使用してフォーム内の情報にアクセスすることができます

/** 
* jQuery Validation Plugin 1.9.0 
* 
* http://bassistance.de/jquery-plugins/jquery-plugin-validation/ 
* http://docs.jquery.com/Plugins/Validation 
* 
* Copyright (c) 2006 - 2011 Jörn Zaefferer 
* 
* Dual licensed under the MIT and GPL licenses: 
* http://www.opensource.org/licenses/mit-license.php 
* http://www.gnu.org/licenses/gpl.html 
*/ 
// http://docs.jquery.com/Plugins/Validation/Methods/email 
    email: function(value, element) { 
     // contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/ 
     return this.optional(element) || /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i.test(value); 
    }, 
+0

私はすべてコードで行い、ローカルでは自分のマシンで行う必要があります。申し訳ありませんが私の悪い、それを明確にしている必要があります。 –

+0

さて、学習には問題ないかもしれませんが、私は自転車を改革する前に、常に利用可能なライブラリとツールのリストを調査します。あなたのコードをテストして修正するためにあなたがゆるめることを常に考えてください。 –

1

:ここではjQueryのバリデータからの抽出物でありますあなたが必要とするチェックボックス。フォームの検証は、1つの投稿に答えるには大きすぎます。 ;)