0
votes

Lieux décimaux Format automatique dans le prix JQuery

J'essaie de couvrir des lieux décimaux sur code> Type Entrée code> Le champ comme

Numéro commence à partir de 0.00 code> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> Donc, au début, il sera 0.00 code> dans le champ de saisie p>

que je tape 1 code> qu'il ne devient pas 0.01 code> p>

que je tape 2 code> il ne devrait devenir 0,12 code> p>

que 0 code> de sorte qu'il devrait devenir 1.20 code> et enfin p>

Lorsque je tape 0 code> qu'il ne devrait devenir 12.00 code> p>

0.01 , 0,12 code>, 1.20 code>, 12.00 code>. p>

J'ai essayé certaines méthodes déjà données . P>

veuillez me suggérer une autre méthode si possible. Merci. p>

J'ai essayé comme celui-ci p>

p>



<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="price" />

javascript jquery

1 commentaires

Je recommanderais l'une de ces bibliothèques: Plugin de masque JQuery ou JQuery Inputmask .

3 Réponses :

0
votes

La logique suivante fonctionne pour le scénario de base. Vous devrez peut-être avoir à gérer séparément l'élimination de l'entrée de texte.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<input type="text" id="my-input" />
<input type="hidden" id="my-display" />

3 commentaires

Essayez de taper 1, 0, 0, puis de les supprimer tout et de re-Type 1, vous verrez qu'il ne démarre pas à partir de 0,01 .


                                                
                                                                                            
                                                    J'ai répondu avec  Vous devrez peut-être avoir à gérer séparément l'élimination de l'entrée de texte . Je viens de résoudre le problème logique.                                                

                                                
                                                                                            
                                                    Ouais j'ai remarqué que c'est pourquoi j'ai supprimé mon commentaire, désolé :)


                        
                                            
                            
                                
                                    0
 votes
                                
                            
                            
                                
                                     Avec chaque nouvelle frappe, en supposant que c'est un nombre, appendez-le à la fin, multipliez par 10 et affichez le résultat.                                 

                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                     OK, solution totalement différente qui fonctionne lors de la suppression de caractères:  xxx  
  https: //jsfiddle.net/14shzdo5/                                   

                                                                    
                                    
                                    
                                        4 commentaires
                                        
                                                                                            
                                                    Cela fonctionne comme un charme! Mais pendant que vous supprimez les caractères, il conserve l'ancienne valeur dans l'attribut  rel '/ code> tel qu'il est.                                                

                                                
                                                                                            
                                                    Existe-t-il une solution à ça? Essayez de taper  1, 0, 0 , puis supprimez-les tous, puis reformez  1 , vous le verrez ne démarre pas à partir de  0.01                                                 

                                                
                                                                                            
                                                    @Niravjoshi s'il vous plaît vérifier ma nouvelle solution, cela fonctionne dans tous les cas                                                
                                                
                                                                                            
                                                    Apprécié. Merci beaucoup. :)

Articles qui pourrait vous intéresser : Impossible d'importer le module "@ angular / material" Interaction profonde avec break and catch Utilisation de node.js comment renommer tous les fichiers d'un dossier Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO