Calcu 2

by MPrates

HTML

<h1>form no html</h1>
<div class="calculadora">
  <div>
    <label>Largura</label>
    <input maxlength='6' class="wid input" type='text' />
  </div>
  <span>X</span>
  <div>
    <label>Comprimento</label>
    <input maxlength='6' class="len input" type='text' />
  </div>
  <span>=</span>
  <div>
    <label>Resultado</label>
    <input type='text' class="result" readonly='readonly' />
  </div>
</div>

CSS

.calculadora label {display:block;}
.calculadora div {display:inline-block;}
.calculadora span {padding:0 5px;}

JavaScript

$(document).ready(function(){
    	$.calcularM2(".calculadora");
    });
	
(function ($) {
    $.calcularM2 = function (settings) {  
				var medidas = $(".calculadora .input");
				$(medidas).maskMoney({symbol:'', thousands:'', decimal:',', symbolStay: true});   
				$(medidas).keyup(function(){
					calcular();
				});	
		
		function calcular()
		{
			var wid = formatNum("wid");
			var len = formatNum("len");			
			$(".calculadora .result").val(Math.round(wid * len));
		}
		
		function formatNum(classe)
		{
			return parseFloat($(".calculadora ."+classe).val().replace(",",".")) || 0;
		}

        return this;
	};
})(jQuery);



      /*
 *  jquery-maskmoney - v3.0.2
 *  jQuery plugin to mask data entry in the input text in the form of money (currency)
 *  https://github.com/plentz/jquery-maskmoney
 *
 *  Made by Diego Plentz
 *  Under MIT License (https://raw.github.com/plentz/jquery-maskmoney/master/LICENSE)
 */
!function($){"use strict";$.browser||($.browser={},$.browser.mozilla=/mozilla/.test(navigator.userAgent.toLowerCase())&&!/webkit/.test(navigator.userAgent.toLowerCase()),$.browser.webkit=/webkit/.test(navigator.userAgent.toLowerCase()),$.browser.opera=/opera/.test(navigator.userAgent.toLowerCase()),$.browser.msie=/msie/.test(navigator.userAgent.toLowerCase()));var a={destroy:function(){return $(this).unbind(".maskMoney"),$.browser.msie&&(this.onpaste=null),this},mask:function(a){return this.each(function(){var b,c=$(this);return"number"==typeof a&&(c.trigger("mask"),b=$(c.val().split(/\D/)).last()[0].length,a=a.toFixed(b),c.val(a)),c.trigger("mask")})},unmasked:function(){return this.map(function(){var a,b=$(this).val()||"0",c=-1!==b.indexOf("-");return $(b.split(/\D/).reverse()).each(function(b,c){return c?(a=c,!1):void 0}),b=b.replace(/\D/g,""),b=b.replace(new RegExp(a+"$"),"."+a),c&&(b="-"+b),parseFloat(b)})},init:function(a){return...