Einfache Prozentrechnung von einem Input-Feld mit JQuery

Gibt es einen Grund, Sie verwenden jQuery() statt $()?

Auch, sollten Sie wirklich einen cache der ausgewählten Elemente, damit Sie nicht haben, um die Abfrage der DOM mehrmals für das gleiche element.

Hier ist, wie ich es tun würde:

$(function() {
    //the minimum required value to be entered.
    //in this case PayPal takes $0.35 from a $1
    //donation, hence we ask for at least $1.35
    var minimum_value = 1.35;

    //cache elements that are used at least twice
    var $amount = $("#input_amount"),
        $msg = $("#msg"),
        $commission = $("#site_commission_box");

    //attach handler to input keydown event
    $amount.keyup(function(e){
        if (e.which == 13) {
            return;
        }
        var amount = parseFloat($amount.val()),
            commission = amount*0.02;

        if (isNaN(commission) || isNaN(amount)) {
            $msg.hide();
            $commission.hide();
            return;
        }

        if (amount <= minimum_value) {
            $commission.hide();
            $msg
                .text("PayPal takes $0.35 commission for a $"+amount+" donation.")
                .fadeIn();
        } else {
            $msg.hide();
            $commission
                .fadeIn()
                .find("span")
                    .text((amount-commission).toFixed(2));
        }
    });

    //attach handler to the form submit event
    $('#form_paypal').submit(function() {
        //check if there is an amount entered
        if ($amount.val() > null) {
            //is the amount equal to or higher than the minimum_value?
            if ($amount.val() < minimum_value) {
                //need more amount
                //show more amount error
                $msg
                    .addClass("icon_warning_red")
                    .text("Please enter an amount and try again.")
                    .fadeIn();
                return false; //prevent the form from submitting
            }
            else {
                //amount is more than minimum_value
                //show activity
                $msg
                    .removeClasss("icon_warning_red")
                    .html('<img src="loader.gif" align="middle" alt="load"/>&nbsp;Transferring to PayPal, please wait...')
                    .fadeIn();
                return true; //submit the form
            }
        }
        else {
            //no amount entered at all
            //show no amount error;
            $msg.addClass("icon_warning_red").fadeIn();
            return false; //prevent the form from submitting
        }
    });
});

Sehen Sie ein Beispiel hier, dort sehen Sie die änderungen habe ich in den HTML-Code als auch.