Как отключить кнопку отправки формы при загрузке страницы?
Я хочу отключить кнопку отправки, когда страница загружается, и после завершения загрузки страницы она становится активной, может кто-нибудь помочь мне, как это сделать
<form>
Firstname:
<input type="text">
<button type="submit" class="btn btn-primary">Submit</button>
</form>
Решение
Попробуйте это один раз
<form>
Firstname:
<input type="text">
<button type="submit" class="btn btn-primary" disabled>Submit</button>
</form>
<script>
$(document).ready(function(){
$('button').attr('disabled',false);
});
</script>
Другие решения
Отключите кнопку в HTML и присвойте ей идентификатор — это предполагает, что вам не нужно поддерживать браузеры с отключенным JavaScript.
<form>
Firstname:
<input type="text">
<button id="subbut" type="submit" class="btn btn-primary" disabled>Submit</button>
</form>
Тогда вы можете сделать
JQuery:
$(function() {
$("#subbut").attr("disabled",false); // or removeAttr("disabled")
});
Plain JS
window.onload=function() {
document.getElementById("subbut").disabled=false;
}
<form>
Firstname:
<input type="text">
<button type="submit" class="btn btn-primary" disabled="disabled">Submit</button>
</form>
а затем в JQuery
<script type="text/javascript">
$(function() {
$('button').attr('disabled',false);
});
</script>
добавлять disabled="disabled" приписать свою кнопку и этот скрипт:
<button type="submit" class="btn btn-primary" disabled="disabled">Submit</button>
<script type="text/javascript">
$(document).ready(function() {
$('button').removeAttr('disabled');
});
</script>
После загрузки страницы событие готовности будет запущено, и отключенная кнопка станет доступной.
Установите кнопку как отключенную
<button id="myButton" type="button" disabled>Click Me!</button>
и, когда документ готов, включите его, используя следующий код:
$( document ).ready(function() {
$('#myButton').prop('disabled', false);
});
Шаг 1:
Внутри метода init в c # вы можете отключить кнопку, динамически применяя css.
controlname.attributes.add("disabled","disable");
Шаг 2:
Внутри загрузки страницы, в конце метода, вы можете снова включить кнопку, динамически применяя css.
controlname.attributes.add("disabled","enable");
detector