Калькулятор

[Babyaka]

Люди добрые, подскажите пожалуйста. В интернете не нашел подходящего решения. Имеется на сайте калькулятор (расчет стоимости услуг). В нем есть три input поля. Мне необходимо, чтобы при вводе значения в input1 и input2 они умножались и полученное число шло в input 3, но при этом, необходима возможность вводить значение в input 3 или менять полученное. При этом значения должны вводиться только цифровые.

 

[yaski]

Люди добрые, подскажите пожалуйста. В интернете не нашел подходящего решения. Имеется на сайте калькулятор (расчет стоимости услуг). В нем есть три input поля. Мне необходимо, чтобы при вводе значения в input1 и input2 они умножались и полученное число шло в input 3, но при этом, необходима возможность вводить значение в input 3 или менять полученное. При этом значения должны вводиться только цифровые.

Заморочился вот

<input type="text" class="input value1">
<input type="text" class="input value2">
<input type="text"  id="result">

<script>
$(document).ready(function(){  // перемножаем
    $(".input").keyup(function(){
          var val1 = +$(".value1").val();
          var val2 = +$(".value2").val();
          $("#result").val(val1*val2);
    });
});
$(document).ready(function(){  // только цифры
   $('.input').on('input', function(){
    this.value = this.value.replace(/^\.|[^\d\.]|\.(?=.*\.)|^0+(?=\d)/g, '');
    });
   });
</script>

Для просмотра ссылки Войди или Зарегистрируйся

 

[Babyaka]

Заморочился вот

<input type="text" class="input value1">
<input type="text" class="input value2">
<input type="text"  id="result">

<script>
$(document).ready(function(){
    $(".input").keyup(function(){
          var val1 = +$(".value1").val();
          var val2 = +$(".value2").val();
          $("#result").val(val1*val2);
    });
});
$(document).ready(function(){
   $('.input').on('input', function(){
    this.value = this.value.replace(/^\.|[^\d\.]|\.(?=.*\.)|^0+(?=\d)/g, '');
    });
   });
</script>

Для просмотра ссылки Войди или Зарегистрируйся

Огромнейшее вам спасибо!