jQueryの検証を使用してdivの検証を設定する

Question

フォームの検証にjQuery validation pluginを使用しています。しかし、divの検証を設定できません。

<form id="form"> 
    <div id="location" name="location"></div> 
</form> 

JS：

$('#form').validate({ 
      rules: { 
      isLocationEmpty: true; 
      } 
}); 

CustomValidation Mehthod：

ここ

は、私がこれまで

HTMLを試してきたものです

$.validator.addMethod('isLocationEmpty', function (value, element) { var loc = $('#location').text(); return (loc != "") }, 'REQUIRED.'); 

私は以前これを行っていませんので、ご提案をお願いします。

Answer 1

見積OP：

「私はしかし、私はdivの検証を設定することができないんだ....私のフォーム検証のためのjQueryの検証プラグインを使用していますI避難所。以前はこれをやったことがありません、あなたの提案を提供してください。

あなたはdivを検証するためにjQueryの検証プラグインを使用することはできません。データ入力のための適切なHTMLマークアップは入力要素を使用することです。

このプラグインのみもをform素子容器内でなければならない、（各を一意name属性を持たなければならない）のデータ入力要素の以下の種類に動作します：

<form> 

    <!-- // Input - Also including the various HTML5 input types 
    // type = text, password, radio, checkbox, file, etc. --> 
    <input type="text" name="something" /> 

    <!-- Hidden Input - 'ignore: []' must be defined in the options --> 
    <input type="hidden" name="hide" /> 

    <!-- Select Dropdown --> 
    <select name="foobar"> ... </select> 

    <!-- Text Area Box --> 
    <textarea name="barfoo"></textarea> 

</form> 

も参照ドキュメントの「参照」のページ：http://jqueryvalidation.org/reference/

---

どうやらOPはHTMLを変更することはできません。ここでは非常に醜い回避策です。

divのテキストをtype="hidden"要素にコピーするために使用できるコード。隠し要素をプラグインで検証できます。このコードは、いつでも呼び出したりぼかしたり変更時に火災にイベントハンドラ内に配置することができます：ここでは

$("#hidden").val($('#div').text()); 

は、対応するjQueryのです：

$('#form').validate({ 
    ignore: [], // <-- validate hidden elements 
    // other options, rules, and callbacks, 
}); 

Answer 2

私はなぜあなたがdivを検証しようとしているのか分かりませんが、私はそれをテキストエリアにすることをお勧めします。ユーザーが編集できないようにする必要がある場合は、readonly属性を追加します。

<form id="form"> 
    <textarea id="location" name="location" readonly></textarea> 
</form>