Cara menonaktifkan textbox di javascript berdasarkan kondisi

Hai AspDevelopLife ,

Anda juga dapat mencoba menggunakan fungsi pembantu di bawah ini

@Html.TextBox["HistoryStartDate", DateTime.Today.AddDays[-90].Date.ToString["MM/dd/yyyy"], @getHtmlAttributes[Model.IsCustomer]]


@functions {
    object getHtmlAttributes[bool IsCustomer]
    {
        if [!IsCustomer]
        {
            return new { @class = "input-small date-input datepicker", maxlength = 10, disabled = "disabled" };
        }
        return new { @class = "input-small date-input datepicker", maxlength = 10 };
    }
}

Salam Hormat,

Angie

Setel tombol nonaktifkan properti salah untuk menonaktifkannya dan benar untuk mengaktifkannya di JavaScript. Anda harus menggunakan id untuk itu dan pernyataan kondisi if-else

Cara menonaktifkan tombol di JavaScript berdasarkan kondisi Contoh

Dalam contoh, kami memiliki 2 kolom input pertama untuk teks dan yang kedua untuk tombol. Ketika pengguna mengetik tombol sesuatu akan mengaktifkannya. Default tombol kirim tetap dinonaktifkan

Lihat output kode di mana menonaktifkan atribut mengubah nilai Boolean pada input teks

    

    


    function manage[txt] {
        var bt = document.getElementById['btSubmit'];
        if [txt.value != ''] {
            bt.disabled = false;
        }
        else {
            bt.disabled = true;
        }
    }

Keluaran. Jika TextBox memiliki nilai, Button diaktifkan dan jika TextBox kosong, Button dinonaktifkan menggunakan JavaScript

Berikan komentar jika Anda memiliki keraguan atau saran tentang topik pertanyaan ini

Catatan. Semua kode Contoh JS diuji di browser Firefox dan browser Chrome

OS. Windows 10

Kode. Versi HTML5

Rohit

Gelar dalam Ilmu Komputer dan Insinyur. Pengembang Aplikasi dan memiliki banyak pengalaman bahasa Pemrograman. Antusias terhadap teknologi & suka belajar teknis

Saat elemen dinonaktifkan, ia tidak dapat menerima klik. Untuk menonaktifkan elemen masukan, atribut HTML yang dinonaktifkan harus salah

1. Menggunakan jQuery

Untuk menyetel properti kotak input yang dinonaktifkan menjadi benar atau salah dengan jQuery, Anda dapat menggunakan fungsi .

jQuery

1

2

3

4

5

6

7

8

9

10

11

12

$[dokumen]. siap[fungsi[] {

    var dinonaktifkan = false;

    $['#kirim'].klik[fungsi[] {

        jika [dinonaktifkan] {

            $["#name"].penyangga['dinonaktifkan', false];       // if disabled, enable

        }

        selain itu {

            $["#name"].penyangga['dinonaktifkan', true];        // if enabled, disable

        }

        dinonaktifkan = . dinonaktifkan;

    }]

}];

HTML

1

2

3

4

5