一起使用必需屬性和只讀屬性

我正在創建一個HTML5 Web表單。其中一個輸入是地理定位，它通過點擊按鈕來填充（它插入GPS座標）。由於此輸入必須是必需的且必須是隻讀的（我不希望用戶在其中寫入自定義數據），因此如何處理？ HTML5不允許使用required和readonly（這是有道理的），但在我的情況下，我需要應用它。你知道任何解決方法嗎？一起使用必需屬性和只讀屬性

我在SO和Google上搜索和搜索了這些內容，但似乎都沒有解決方案。

這裏是我的代碼的一部分：

<form class="form-horizontal" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>"> 
     <div class="form-group"> 
      <label class="control-label col-xs-3" for="coord">GPS coordinates:*</label> 
      <div class="col-xs-4"> 
       <input type="text" class="form-control" id="coord" name="coord" required placeholder="Please enable geolocation service"> 
      </div> 
      <div class="col-xs-3"> 
       <button type="button" onclick="getLocation()" class="btn btn-primary" id="locate" disabled>Locate me</button> 
      </div> 
     </div>

來源

2015-04-28 smartmouse

可以使用jQuery驗證插件做到這一點..或簡單：

不得KEYDOWN只是把它掛在你的事件中，你正在呼籲點擊...

<input type="text" class="readonly" required /> 

<script> 
    $(".readonly").keydown(function(e){ 
     e.preventDefault(); 
    }); 
</script>

來源

2015-04-28 15:50:14

它的工作！謝謝。 – smartmouse

<input type="text" name="name" id="id" required onkeypress="return false;" />

在這種textBox用戶無法輸入任何東西，但輸入是required和readonly。

來源

2017-12-29 10:10:25

一起使用必需屬性和只讀屬性

回答

相關問題