máscara de moeda no campo

[marvi 0]

Olá pessoal,

 

Eu estou tentando digitar os números em real R$ nos campos do formulário só que a formatação, a máscara não sai correto, por que?

 

Alguém sabe como digitar e ir aparecendo as virgulas em moedas?

 

 

<script type="text/javascript"> 
addEvent = function(o, e, f, s) { 
   var r = o[r = "_" + (e = "on" + e)] = o[r] || (o[e] ? [[o[e], o]] : []), a, c, d; 
   r[r.length] = [f, s || o], o[e] = function(e){ 
	  try{ 
		 (e = e || event).preventDefault || (e.preventDefault = function(){e.returnValue = false;}); 
		 e.stopPropagation || (e.stopPropagation = function(){e.cancelBubble = true;}); 
		 e.target || (e.target = e.srcElement || null); 
		 e.key = (e.which + 1 || e.keyCode + 1) - 1 || 0; 
	  }catch(f){} 
	  for(d = 1, f = r.length; f; r[--f] && (a = r[f][0], o = r[f][1], a.call ? c = a.call(o, e) : (o._ = a, c = o._(e), o._ = null), d &= c !== false)); 
	  return e = null, !!d; 
	} 
}; 

function formatCurrency(o, n, dig, dec) { 
   o.c = !isNaN(n) ? Math.abs(n) : 2; 
   o.dec = typeof dec != "string" ? "," : dec, o.dig = typeof dig != "string" ? "." : dig; 
   addEvent(o, "keypress", function(e) { 
	  if (e.key > 47 && e.key < 58) { 
		 var o, s, l = (s = ((o = this).value.replace(/^0+/g, "") + String.fromCharCode(e.key)).replace(/\D/g, "")).length, n; 
		 if(o.maxLength + 1 && l >= o.maxLength) return false; 
		 l <= (n = o.c) && (s = new Array(n - l + 2).join("0") + s); 
		 for(var i = (l = (s = s.split("")).length) - n; (i -= 3) > 0; s[i - 1] += o.dig); 
		 n && n < l && (s[l - ++n] += o.dec); 
		 o.value = s.join(""); 
	  } 
	  e.key > 30 && e.preventDefault(); 
   }); 
} 

function fmtMoney(n, c, d, t){ 
   var m = (c = Math.abs(c) + 1 ? c : 2, d = d || ",", t = t || ".", 
	  /(\d+)(?:(\.\d+)|)/.exec(n + "")), x = m[1].length > 3 ? m[1].length % 3 : 0; 
   return (x ? m[1].substr(0, x) + t : "") + m[1].substr(x).replace(/(\d{3})(?=\d)/g, 
	  "$1" + t) + (c ? d + (+m[2] || 0).toFixed(c).substr(2) : ""); 
}; 

function soma() { 
  var f = document.forms[0]; 
  var valor1 = parseFloat(f.campo1.value.replace('.','').replace(',','.')); 
  var valor2 = parseFloat(f.campo2.value.replace('.','').replace(',','.')); 
  var valor3 = ('' + ((valor1||0) + (valor2||0))); 
  f.campo3.value = fmtMoney(valor3); 
} 

function init() { 
  formatCurrency(document.forms[0].campo1, 2, ".", ","); 
  formatCurrency(document.forms[0].campo2, 2, ".", ","); 
} 


</script> 

<form> 
  <input name="campo1" onkeyup="init();" size="20" /> + 
  <input name="campo2" onkeyup="init();" size="20" /> = 
  <input name="campo3" size="20" /> 
</form>

[William Bruno 1501]

Use Expressões Regulares... é mais crossbrowser:

<script type="text/javascript"> 
function mascara(o,f){
	v_obj=o
	v_fun=f
	setTimeout("execmascara()",1)
}
function execmascara(){
	v_obj.value=v_fun(v_obj.value)
}
function mreais(v){
	v=v.replace(/\D/g,"")						//Remove tudo o que não é dígito
	v=v.replace(/(\d{2})$/,",$1") 			//Coloca a virgula
	v=v.replace(/(\d+)(\d{3},\d{2})$/g,"$1.$2") 	//Coloca o primeiro ponto
	return v
}
</script> 
<form> 
  <input name="campo1" onkeypress="mascara(this,mreais)" size="20" /> + 
  <input name="campo2" onkeypress="mascara(this,mreais)" size="20" /> = 
  <input name="campo3" size="20" /> 
</form>

E tem bem menos código que tudo isso ai acima..

[marvi 0]

William,

 

Mas a outra função ela tem a capacidade de multiplicar o campo... como acoplar isso?

[William Bruno 1501]

Multiplicar oq?

você quer que aconteça qndo? tem uma noção de Javascript?

 

Coloca outro evento... um onBlur.. sei lá... e faz outra função para fazer a soma...

 

Seria isso:

function soma(){
	var campo3 = document.getElementById('campo3');
	var campo2 = document.getElementById('campo2');
	var campo1 = document.getElementById('campo1');
	
	campo3.value = parseFloat(campo2.value.replace(',','.')) + parseFloat(campo1.value.replace(',','.'));
	campo3.value = campo3.value.replace('.',',');
}
</script> 

<form> 
  <input name="campo1" id="campo1" onkeypress="mascara(this,mreais)" size="20" /> + 
  <input name="campo2" id="campo2" onkeypress="mascara(this,mreais)" onblur="soma()" size="20" /> = 
  <input name="campo3" id="campo3" size="20" /> 
</form>

? O resto continua igual.. só altera os IDs dos campos, e essa nova função.

[marvi 0]

Tava tentando algo resumindo, mas não dar certo também, o que deve ser? a multiplicação por 2 não sai certo

 

 

<form method="POST" action="--WEBBOT-SELF--" name="form">
<script>function mascara(o,f){
	v_obj=o
	v_fun=f
	setTimeout("execmascara()",1)
	var valor1 = parseFloat(document.form.valor.value); 
  var valor2 = parseFloat(document.form.quantidadev.value); 
var valor3 = valor1 * valor2;
document.form.valortotalitem.value = valor3; 
}
function execmascara(){
	v_obj.value=v_fun(v_obj.value)
}
function mreais(v){
	v=v.replace(/\D/g,"")						//Remove tudo o que não é dígito
	v=v.replace(/(\d{2})$/,",$1")			 //Coloca a virgula
	v=v.replace(/(\d+)(\d{3},\d{2})$/g,"$1.$2")	 //Coloca o primeiro ponto
	return v
}
//window.onload =;
 
	  
						</script>

						<input type="hidden" name="quantidadev" value="2" >
						<tr>
						  <td width="100%" colspan="2" height="16">
						  <font face="Verdana" style="font-size: 8pt" color="#2A2A2A">Valor 
						  unitário:
						  </font>
					  <input type="text" name="valor" onkeyup="mascara(this,mreais);" size="27" style="font-family: Verdana; font-size: 10 px; color: #3A5278; border: 1px solid #3A5278; background-color:#EEEEEE"></td>
						</tr>
						<tr>
						  <td width="100%" colspan="2" height="16">
						  <font face="Verdana" style="font-size: 8pt" color="#2A2A2A">Valor 
						  total do item :
						  </font>
					  <input type="text" name="valortotalitem" onKeyUp="Calculanota()" size="19" style="font-family: Verdana; font-size: 10 px; color: #3A5278; border: 1px solid #3A5278; background-color:#EEEEEE"></td></tr></table>
					  </form>

[marvi 0]

Certo, eu fiz, mas quero um valor fixo e o outro é que é digitado e assim vai aparecendo o valor total no outro campo, tipo esse (mas aí a soma está dando erro se só digita um campo):

 

<script type="text/javascript"> 
function mascara(o,f){
	v_obj=o
	v_fun=f
	setTimeout("execmascara()",1)
}
function execmascara(){
	v_obj.value=v_fun(v_obj.value)
}
function mreais(v){
	v=v.replace(/\D/g,"")						
	v=v.replace(/(\d{2})$/,",$1")			 
	v=v.replace(/(\d+)(\d{3},\d{2})$/g,"$1.$2")	 
	return v
}
function soma(){
	var campo3 = document.getElementById('campo3');
	var campo2 = document.getElementById('campo2');
	var campo1 = document.getElementById('campo1');
	
	campo3.value = parseFloat(campo2.value.replace(',','.')) + parseFloat(campo1.value.replace(',','.'));
	campo3.value = campo3.value.replace('.',',');
}
</script> 
<form> 
  <input name="campo1" id="campo1"  onkeyup="soma();" size="20" value="2" /> + 
  <input name="campo2" id="campo2" onkeyup="mascara(this,mreais);soma();"  size="20"  /> = 
  <input name="campo3" id="campo3" size="20" /> 
</form>