v2.5.2
Giriş yap

This i burada nasıl kullanırım

bayburt
474 defa görüntülendi
$('.loginForm').on('submit',function (e){
    e.preventDefault();
    //Aşağıda görüldüğü gibi  .loginForm yazmak yerine this yazarak ilgili formu seçtim
    var data=$(this).serialize();
    
    //Burdada this kullanmak istiyorum ama nasıl
    $('.loginForm  button').attr('disabled','disabled');
        alert()  
})

Böyle yazdım ama çlışmadı

 //Böyle yazdım çalışmadı
$(this+' button').attr('disabled','disabled');

Cevap yaz
Cevaplar (5)
abdullahx
1074 gün önce
$('.loginForm').on('submit',function (e){
        e.preventDefault();
        //Aşağıda görüldüğü gibi  .loginForm yazmak yerine this yazarak ilgili formu seçtim
        let data = $(this).serialize();

        // Eğer bu buton form ögesinin bir seviye altında ise yani direkt olarak çocuğu ise
        $(this).children("button").prop('disabled', true);
        
        // Ya da bu buton form ögesinin içerisinde bir yerlerde ise (çocuk, torun veya daha aşağısı)
        $(this).find("button").prop('disabled', true);
        alert()
    })
abdullahx
1071 gün önce

Eskiden kalma bir alışkanlık kullanıcı adı kullanımım

bayburt
1072 gün önce

Çok tşk ederim abdullah bey yanlız size nacizane bir tavsiye isminiz hürmet gerektiren mübarek bir isim böyle güzel bir ismi x vb ifadelerle kullanmayın isme saygısızlık etmiş olursunuz

abdullahx
1074 gün önce

success fonksiyonu içerisindeki this, ajax ı temsil ediyor, arrow fonksiyonlarda this kavramı olmadığı için success fonksiyonunda arrow function kullanırsanız bir üstteki fonksiyonu işaret etiş olursunuz. Yani kodu şu şekilde düzenleyin;

$('.loginForm').on('submit',function (e) {
        e.preventDefault();
        let data=$(this).serialize();
        $(this).find('button').prop('disabled', true);
        $.ajax({
            url: 'ajx/asd/dd.php',type: 'POST',data: data,
            success: data => {
                if(data == 1){
                    window.location.href='./';
                }else{
                    $.formAlert(data,'.loginForm');
                    $(this).find('button').prop('disabled',false);
                }
            }
        });
    });

Daha detaylı bilgi için Bakınız

ya da alternatif olarak

$('.loginForm').on('submit',function (e) {
        e.preventDefault();
        let $this = $(this),
        data = $this.serialize()
            
        $this.find('button').prop('disabled', true);
        $.ajax({
            url: 'ajx/asd/dd.php',type: 'POST',data: data,
            success: function (data) {
                if(data == 1){
                    window.location.href='./';
                }else{
                    $.formAlert(data,'.loginForm');
                    $this.find('button').prop('disabled',false);
                }
            }
        });
    });
bayburt
1074 gün önce

Abdullah bey kod çalıştı lakin butonu enable edemiyorum aşagıdaki şekilde yazdım ama olmadı

$(this).find('button').prop('disabled',false); // bu şekil enable olmadı  

$('.loginForm').on('submit',function (e) {
    e.preventDefault();
    let data=$(this).serialize();
    $(this).find('button').prop('disabled', true);
    $.ajax({
        url: 'ajx/asd/dd.php',type: 'POST',data: data,
        success: function (data) {
            if(data==1){
                window.location.href='./';
            }else{
                $.formAlert(data,'.loginForm');
                $(this).find('button').prop('disabled',false);                
            }
        } 
    });
});