フォームは、読み取り専用入力で検証します

Question

これで、フォームを条件付きで検証する方法について質問します。新しい問題があります。入力テキストがありますが、読み込み専用です。入力テキストはアドレスです。コールオフィス。私はオフィスを入力しようとすると、テキストアドレスは私がオフィスで書くものによって異なります。 （私はアドレスを取得するためにajaxとmysqlを使用しています）、もしそのオフィスがmysql上のデータを持っていなければ、アドレスは表示されません。今私の問題はフォームの検証にあります、私はアドレスが空であるかどうかを確認する必要があります私はショーアラートが必要です。私はどうしたの？私はこの

$('#form').validate({ 
      errorElement: 'span', 
      errorClass: 'help-block', 
      rules: { 
       office : { 
       required : true 
       }, 
       address: { 
        required: { 
         depends: function(element) { 
          if ($('#office').val() != '') { 
           return true; 
          } else { 
           return false; 
          } 
         } 
        } 
       }}, 
      messages: { 
       Office : "Please insert name office", 
       address : "Seem office not quite right" 
      } 
}); 

のようなコードを試してみて、ここに私のhtmlコード

<form class="form-filter" id="form" role="form"> 
    <div class="row"> 
       <div class="col-md-4 col-sm-5"> 
        <div class="form-group"> 
<label> 
          Office 
         </label> 
         <input type="text" placeholder="Insert name Office" class="form-control" id="Office" name="Office"> 
        </div> 
        <div class="form-group"> 
         <label> 
          Address 
         </label> 
         <input type="text" class="form-control" id="address" name="address" readonly> 
        </div> 
<button type="submit">Check</button> 
</from> 

を私が提出しようとすると、それは、すべての作業をdidntの。私は私のオフィスを満たしていない場合、それは完全に働く。またはreadonlyはルールに使用することはできません???

Upadteは、私がreadonlyを使用するとちょっとバグです。だから、別のソリューションを試してみよう。

もう一度更新！ いいえクリックしてボタンを使用しています。仕事である。だから私はちょうどこのようなチェックが必要

$('#btnsave').click(function() { 
    if($("#form").valid()==true) 
    { 
    if($('#address').val()!="") 
    { 
     do something; 
    } 
    else 
    { 
     do alert; 
    } 
    } 
}); 

Answer 1

私はいくつかのコードハックを配置しているが、あなたのコードごとにそれを管理する必要があります。だからまずそれをテストしてください。

$('#address').prop('readonly', false);//Convert readonly while validation perform 
//Do your validation stuff 
$('#address').prop('readonly', true);//again make it readonly 

混乱がある場合は教えてください。