Fehlerbehebung jQuery-Eingabewert

Question

Ich habe ein Formular zur Fehlerbehebung bearbeitet, mit dem Benutzer einen Betrag auswählen oder einen anderen Betrag auswählen können. Der andere Betrag, wenn Sie klicken, ändert den Betrag auf $ 5. Ich versuche, es zu erhalten, so dass, wenn der Benutzer den Betrag von 5 ändert, dass es die amt = zu Benutzereingabe ändert.

Das Bit von Skript, das es

function setDonrAmount(id){ 
    var amt = id.substring(10); 
    if(amt == 'Other'){ amt = 5} 
    var others = id.substring(0,10); 
    $("button[id*="+others+"]").removeClass('active'); 
    $('button#'+id).addClass('active'); 
    $('input#donrAmountInput').val(amt); 
    $('input#donrAmountInput').change(); 
    $('#donrReviewAmount').html(amt); 
} 

Als Referenz hier ist die eigentliche Form ändert. Hilfe würde sehr geschätzt werden. https://secure.pva.org/site/c.ajIRK9NJLcJ2E/b.9381225/k.8668/FY2016_March_Congressional/apps/ka/sd/donorcustom.asp

Answer 1

Ich habe ein paar Updates zu setDonrAmount() gemacht, um benutzerdefinierte Spenden zu behandeln.

$("#donrAmountButtons").on("click", function() { 
    var amt = id.substring(10); 
    setDonrAmount(amt); 
    $('#donrAmount' + amt).addClass('active'); 
}); 

$("#donrAmountInput").on("focusout", function() { 
    setDonrAmount($("#donrAmountInput").val()); 
    $('#otherAmount button').addClass('active'); 
}); 

function setDonrAmount(val) { 
    var amt = val || 0; 

    if (amt.length < 2 && amt < 5) 
    amt = 5; 

    $('input#donrAmountInput').val(amt); 
    $('input#donrAmountInput').change(); 
    $('#donrReviewAmount').html(amt); 

    $('#donrAmountButtons .active').removeClass('active'); 
} 

Answer 2

Sie sollten im Eingabefeld nach einem Schlüsselereignis suchen und die Auswahl treffen, wenn dies der Fall ist. So etwas wie ... (innen document.ready)

$('#donrAmountInput').on('keyup', function() { 
    // Probably best to strip any non-numeric characters from the field here 
    amt = $(this).val(); 
    // pseudo-code: $('#donrAmountOther').select(); as I'm not sure about jQuery's handling of input group buttons. There'll be a way to select this one somehow! 
});