양식 읽기 전용 입력에서 유효성 검사

Question

좋아요. 그냥 조건이있는 양식을 검증하는 방법에 대한 질문을합니다. 이제는 새로운 문제가 있습니다. 입력 된 텍스트가 있지만 readonly 전화 입력 텍스트가 주소라고 말하면서 앤서 입력을 할 수 있습니다. 전화 사무실. 내가 사무실 입력을 시도하면, 텍스트 addres는 내가 무엇을 쓰는가에 달려있다. (나는 아약스와 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> 

을하지만 난이 제출하려고 할 때 그것은 모든 일을 일부러. 내 사무실을 채우지 않으려 고한다면, 완벽하게 일합니다. 또는 읽기 전용으로 규칙을 사용할 수 없습니까 ???

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 

혼동이 있으면 알려주십시오.