이 질문에 이미 답변되어 있으며 가장 많이 사용하는 것이 readonly
좋습니다.
시나리오와 답변을 공유하고 싶습니다.
추가 한 후 readonly
내에 속성을 HTML 요소 , 내가 만들 수 없습니다 오전 문제를 직면 한 이 같은 속성을 required
동적으로. HTML 생성 시간 과 HTML 생성 시간
으로 설정을 시도 했습니다.readonly
required
따라서 readonly
설정하고 싶다면 사용하지 않는 것이 좋습니다 required
.
대신 사용
$("#my_txtbox").datepicker({
// options
});
$("#my_txtbox").keypress(function(event) {
return ( ( event.keyCode || event.which ) === 9 ? true : false );
});
tab
키만 누를 수 있습니다. 바이 패스하려는 키 코드 를
더 추가 할 수 있습니다 .
나는 코드 아래에 나는 모두를 추가 한 이후 readonly
와 required
여전히 양식을 제출합니다.
제거한 후 readonly
제대로 작동합니다.
https://jsfiddle.net/shantaram/hd9o7eor/
$(function() {
$('#id-checkbox').change( function(){
$('#id-input3').prop('required', $(this).is(':checked'));
});
$('#id-input3').datepicker();
$("#id-input3").keypress(function(event) {
return ( ( event.keyCode || event.which ) === 9 ? true : false );
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link href="https://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet"/>
<form action='https://jsfiddle.net/'>
Name: <input type="text" name='xyz' id='id-input3' readonly='true' required='true'>
<input type='checkbox' id='id-checkbox'> Required <br>
<br>
<input type='submit' value='Submit'>
</form>