第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

在使用 jquery 填寫表單之前，如何禁用提交表單按鈕？

在使用 jquery 填寫表單之前，如何禁用提交表單按鈕？

炎炎設(shè)計(jì) 2023-03-24 15:24:58
我已經(jīng)設(shè)法禁用提交按鈕，但在輸入字段中有文本后它不會(huì)重新啟用。我怎樣才能解決這個(gè)問(wèn)題？    <form>    <div class="col-lg-10 mb-3">      <div class="input-group mycustom">        <input type="text" class="form-control rounded-0" id="validationDefaultUsername" placeholder="Enter Your Name" aria-describedby="inputGroupPrepend2" required>        <div class="input-group-prepend">          <input type="submit"  id="register" value="Submit" disabled="disabled"  class="btn btn-secondary btn-sm rounded-0" id="inputGroupPrepend2" />        </div>      </div>    </div>  </form><a href = "highscores.html"> High Scores</a>查詢：(function() {$('form > input').keyup(function() {    var empty = false;    $('form > input').each(function() {        if ($(this).val() == '') {            empty = true;        }    });    if (empty) {        $('#register').attr('disabled', 'disabled');     } else {        $('#register').removeAttr('disabled');     }});})()
查看完整描述

4 回答

?
GCT1015

TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超4個(gè)贊

您的按鈕中有多個(gè)id's屬性submit，因此您的code. 一個(gè) id 是，inputGroupPrepend2另一個(gè)是register- 你不能同時(shí)輸入


到disable按鈕use .prop()方法并設(shè)置true為是否要禁用以及false何時(shí)禁用enable。


$('#register').prop('disabled', true); //disable 

我已經(jīng)簡(jiǎn)化了您的工作code并且按預(yù)期工作。


$(function() {

  $('input[type=text]').each(function(index, element) {

    $(element).keyup(function() {

      if ($(this).val() == '') {

        $('#register').prop('disabled', true); //disable 

      } else {

        $('#register').prop('disabled', false); //enable

      }

    });

  })

});

現(xiàn)場(chǎng)工作演示：

$(function() {

  $('input[type=text]').each(function(index, element) {

    $(element).keyup(function() {

      if ($(this).val() == '') {

        $('#register').prop('disabled', true); //disable 

      } else {

        $('#register').prop('disabled', false); //enable

      }

    });

  })

});

<!-- Latest compiled and minified CSS -->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">


<!-- jQuery library -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>


<!-- Popper JS -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>


<!-- Latest compiled JavaScript -->

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>


<form>

  <div class="col-lg-10 mb-3">

    <div class="input-group mycustom">

      <input type="text" class="form-control rounded-0" id="validationDefaultUsername" placeholder="Enter Your Name" aria-describedby="register" required>

      <div class="input-group-prepend">

        <input type="submit" value="Submit" disabled="disabled" class="btn btn-secondary btn-smrounded-0" id="register" />

      </div>

    </div>

  </div>

</form>

<a href="highscores.html"> High Scores</a>


查看完整回答
反對(duì) 回復(fù) 2023-03-24
?
幕布斯7119047

TA貢獻(xiàn)1794條經(jīng)驗(yàn) 獲得超8個(gè)贊

(function() {

  $(document).on('keyup', 'input[type=text]', function(){


    var empty = false;

    $('input[type=text]').each(function() {

        if ($(this).val() == '') {

            empty = true;

        }

    });


    if (empty) {

        $('#register').attr('disabled', 'disabled'); 

    } else {

        $('#register').removeAttr('disabled'); 

    }

  })

})()


查看完整回答
反對(duì) 回復(fù) 2023-03-24
?
嚕嚕噠

TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超7個(gè)贊

您可以將代碼的底部更新為此。


if (empty) {

            if ($('#register').is(':disabled')) {

                $('#register').removeAttr('disabled');

            } 

            else {

                $('#register').attr('disabled', 'disabled');

            }

  };


查看完整回答
反對(duì) 回復(fù) 2023-03-24
?
暮色呼如

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超9個(gè)贊

> 組合器選擇作為第一個(gè)元素的直接子節(jié)點(diǎn)的節(jié)點(diǎn)。

子組合器

您keyup根本沒(méi)有開(kāi)火，也$('form > input').each(function() {根本沒(méi)有選擇輸入...

(function() {

$('form * input').keyup(function() {

console.log(true);

    var empty = false;

    $('form * input').each(function() {

        if ($(this).val() == '') {

            empty = true;

        }

    });


    if (empty) {

        $('#register').attr('disabled', 'disabled'); 

    } else {

        $('#register').removeAttr('disabled'); 

    }

});


})()

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form>

  <div class="col-lg-10 mb-3">

    <div class="input-group mycustom">

      <input type="text" class="form-control rounded-0" id="validationDefaultUsername" placeholder="Enter Your Name" aria-describedby="inputGroupPrepend2" required>

      <div class="input-group-prepend">

        <input type="submit" id="register" value="Submit" disabled="disabled" class="btn btn-secondary btn-sm rounded-0" id="inputGroupPrepend2" />

      </div>

    </div>

  </div>

</form>

<a href="highscores.html"> High Scores</a>


查看完整回答
反對(duì) 回復(fù) 2023-03-24
  • 4 回答
  • 0 關(guān)注
  • 200 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)