鍍金池/ 問答/HTML/ input使用required、readonly驗證相互沖突

input使用required、readonly驗證相互沖突

圖片描述

在input（*必填字段）里使用時間或者樹形組件的時候，部分組件會出現(xiàn)可輸入。如果使用readonly，在加上required就會出現(xiàn)驗證必填字段，不填無提示的問題。

<label class="col-sm-2 control-label">完工日期：</label>

<div class="col-sm-4">
<input type="text" id="date_end" class="form-control" required="required" readonly>
</div>

回答
編輯回答
遺莣

layui并不是在原有的dom上操作了，是自己產(chǎn)生的虛擬dom，時間控件等已經(jīng)不是輸入框，只是觸發(fā)點。所以不能當成一般的輸入框來使用

2017年2月21日 14:02
編輯回答
逗婦乳

找到比較好的解決辦法 直接onfocus=”this.blur()”

<label class="col-sm-2 control-label">完工日期：</label>

<div class="col-sm-4">
<input type="text" id="date_end" class="form-control" required="required" onfocus="this.blur()">
</div>

2017年2月11日 00:08