2011-01-28 9 views
2

電子メールと電話フィールドを持つフォームがあり、少なくとも1つが正しいかどうかチェックしたいとします。私は、有効な電話と無効なメールを入力しても大丈夫です。 jQuery検証プラグインを使用してこれを行う方法はありますか? (私はすべてのケースをカバーするオプションを見つけることができず、手作業でコーディングすることになりました)jQueryでフィールドのグループを検証する

答えて

2

jQueryのフィールドを検証するためのプラグインがあります。

警告:私は本当にこれがあなたの問題のための最良の解決策だと思っていますが、私は客観的にできないので、私の言葉を取るだけではありません。

あなたがここにプラグインを取得することができます:http://plugins.jquery.com/project/validate-field

が必要なものを行うには:

$('#email,#phone').validateField({ 
    notEmpty: function (val) { // if this function returns true, the field must not be empty 
     return ($('#email:blank,#phone:blank').size() > 1); 
    }, 
    message: 'Please fill in either the Email or Phone field', 
    validateOn: '#email,#phone', 
    validateEvent: 'change' 
}); 

編集:が1である場合は、両方のオブジェクトのエラーがクリアされていることを確認するためにvalidateOnvalidateEventを追加しました

+0

次回のバージョンでは、フォームの上部または下部にある要素にエラーメッセージを追加するオプションが表示されます。これを可能にするためにセレクタを 'errorBlock'オプションに入れてください。 –

+0

基本的には、手動で実行していますが、jQueryの検証では空白を宣言的に検証できます: "#id:blank"。 – synapse

+0

@synapseだから可能です。それに応じて関数を単純化しました。 –

関連する問題