मुझे पता है कि यह सवाल पहले से ही उत्तर दिया गया है, और सबसे अधिक उपयोग करने का सुझाव दिया गया है readonly।
मैं सिर्फ अपना परिदृश्य साझा करना चाहता हूं और जवाब देना चाहता हूं।
readonlyमेरे HTML तत्व में विशेषता जोड़ने के बाद , मुझे समस्या का सामना करना पड़ा कि मैं इस विशेषता को requiredगतिशील रूप से बनाने में सक्षम नहीं हूं ।
यहां तक कि दोनों के रूप में स्थापित करने की कोशिश की readonlyऔरrequired HTML निर्माण समय पर ।
तो मेरा सुझाव है कि 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>
