窗體在只讀輸入上驗證

好吧，我只是問關於如何驗證窗體的條件，現在我有新問題，我有輸入文本，但只讀可以讓說輸入文字是地址，我有antoher輸入可以說電話辦公室。當我嘗試輸入辦公室時，文本地址播種取決於我在辦公室寫的東西。（我使用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>

但是當我嘗試提交它沒有在所有的工作。如果我嘗試不填充我的辦公室，它很好地工作。或只讀不能使用規則？

upadte，如果我使用只讀，是有點兒車。所以我嘗試另一個解決方案，我會嘗試使用甚至點擊按鈕。

再次更新！好吧，我用按鈕甚至點擊。是工作。所以我只需要檢查這樣

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

來源

2016-10-27 Wolfzmus

您想要設置只讀輸入嗎？這沒有意義。 – jeroen

我知道有點奇怪，但我認爲，因爲我也需要檢查辦公室是否有地址。 – Wolfzmus

因此請檢查辦公室是否有效。不需要通過另一個輸入來完成。 – jeroen

我有地方一些代碼技巧，但你需要它管理按你的代碼。所以先測試一下。

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

讓我知道是否有任何混淆。

來源

2016-10-27 09:51:04

不，我不想只讀是錯誤的，因爲地址是deafult只讀不能編輯。我想你還沒有看清楚我的更新。 – Wolfzmus

實際上面的代碼是臨時保存readonly屬性，並且一旦驗證行完成它的工作，它就再次應用。 –

但我的問題是我不想搞亂只讀。 – Wolfzmus

窗體在只讀輸入上驗證

回答

相關問題