Multiplication sur un input renseigné

**Melal** · 13/01/2016, 15h36

Bonjour à toutes et tous,

Je suis malheureusement pas bonne du tout en Javascript (pourtant j'essaye de comprendre ^^) du coup je galère pas mal pour une simple opération...
Voici mon problème:

J'ai un formulaire qui génère une url avec les données saisies par l'utilisateur pour une plateforme de paiement en ligne.
L'utilisateur doit saisir dans un input un montant à virgule (type xxx,x). La plateforme de paiement ne supporte pas les caractères spéciaux (donc la virgule), du coup j'aurai aimé multiplier le montant saisi par l'utilisateur par 100 pour que le montant soit entier (ex: 2000 pour 20,00).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
 
<script> 
        function mafonction(){
		var a='#montant';
		var b=a*100;
 
		}
	function buildURL(){
 
		var foo = "https://www.tipi.budget.gouv.fr/tpa/paiement.web?numcli=xxxxx&exer="+$('#exer').val()+"&refdet="+$('#refdet').val()+"&objet=paiementtipi&montant="+$('#montant').val()+"&mel="+$('#mel').val()+"&urlcl=http://www.xxxxxxxxx.fr&saisie=T";
 
		window.open(foo,'_blank','height=1080, width=1920, toolbar=no,menubar=no,scrollbars=no, resizable=yes, location=no, directories=no, status=no');
	}
 
 
</script>	
 
<div class="mainBloc">
 
<a id="c5442"></a>
<h2>Pour payer votre facture en ligne, veuillez remplir le formulaire ci-dessous :</h2>
<form id="mailform" name="mailform" enctype="multipart/form-data" method="get" onsubmit="return validateForm('mailform','année,Année :,ref,Référence de la facture :,montant,Montant (en euros) :,email,Adresse email :','Votre message a correctement été envoyé','Ce champs est nécessaire.','')">
	<div style="display:none;">
		<input type="hidden" name="html_enabled" id="mailformhtml_enabled" value="" />
		<input type="hidden" name="subject" id="mailformsubject" value="" />
		<input type="hidden" name="locationData" value="1700:tt_content:5442" />
	</div>
	<fieldset class="csc-mailform">
		<div class="csc-mailform-field">
			<label for="mailformannee">Année :</label>
			<input type="text" name="exer" id="exer" size="30" min ="4" maxlength="4" required="required" placeholder="2015" value="" />
		</div>
		<div class="csc-mailform-field">
			<label for="mailformref">Référence de la facture :</label>
			<input type="text" name="refdet" id="refdet" size="30" min="18" maxlength="18" required="required" placeholder="Nombre à 18 caractères" value="" />
		</div>
		<div class="csc-mailform-field">
			<label for="mailformmontant">Montant :</label>
			<input type="text" name="montant" id="montant" size="30" min="3" placeholder="Format xxx,xx" required="required" value="" />
		</div>
		<div class="csc-mailform-field">
			<label for="mailformemail">Adresse email :</label>
			<input type="text" name="mel" id="mel" size="30" required="required" placeholder="toto@toto.com" value="" />
		</div>
 
		<div class="csc-mailform-field">
			<input type="submit" name="mailformformtype_mail" id="mailformformtype_mail" value="Envoyer" class="csc-mailform-submit" 
			onClick="buildURL();" />
		</div>
	</fieldset>
</form>
</div>
</html>

J'espère que c'est suffisamment compréhensible!

**kolodz** · 13/01/2016, 15h56

Pour le formatage des champs, je te conseil
http://robinherbots.github.io/jquery.inputmask/

Pour ce qui est de la récuparation de la valeur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#ID_INPUT").val();

Pour ce qui est de la multiplication :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var a= '100,20';
var b = a.replace(",",".")*100;
console.log(b);

Cordialement,
Patrick Kolodziejczyk.

Multiplication sur un input renseigné

JavaScript

Discussions similaires

Partager

Partager