Question

Just making a very very simple order form.

Want a input box ( only accept numbers )

User enters a quantity , lets say 50

We have a multiplier value which is lets say 10

Want a disabled form field, showing the result of 50 x 10

So form field would show 500

so now we have variable orderTotal we can pass to our code like:

$txtAmount = "orderTotal";

Any ideas ?

Answer 1

Code must be somewhat similar. but not tested. if you find error then please let me know

EDIT:: the tested code

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
<script>
    $(function (){


    $("#value").blur(
        function(){         
            var value  = $(this).val();
            if(isInt(value)){
                $("#total").val($(this).val()*$("#quantity").val());                
            }
            else{
                alert('pelase enter int');
            }       

        }
    );
    $('#quantity').change(
        function()
        {
            var value =$("#value").val(); 
            if(isInt(value))
            {
                if($("#quantity").val() > 0){
                    $("#total").val($(this).val()*$("#value").val());
                }                       
            }
            else{
                alert('pelase enter int');
            }
        }
    )

    });

  function isInt(x) {
   var y=parseInt(x);
   if (isNaN(y)) return false;
   return x==y && x.toString()==y.toString();
  }
</script>

<form>
    <input id="value" name="value" />
    <select id="quantity">
    <option>10</option>
    <option>20</option>
    <option>30</option>
    <option>40</option>
    <option>50</option>
    </select>       
</form>
<input id="total" type="text" disabled="disabled"/>

update:: this should work but not sure .. if not working then let me know