problem:Amount textbox don't have maximum character limit

solution : set maximum character length.
Blockrazor · Oct 17, 2018 · ee6f6a6 · ee6f6a6
1 parent 63c4cfc
commit ee6f6a6
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/imports/ui/pages/auctions/currencyAuction.js b/imports/ui/pages/auctions/currencyAuction.js
@@ -23,6 +23,17 @@ Template.currencyAuction.onCreated(function() {
 	Meteor.setInterval(() => this.now.set(Date.now()), 250) // update the timer every 250ms for smooth drainage
 })
 
+
+
+Template.currencyAuction.onRendered(function(){
+	const instance=Template.instance();
+     Meteor.setTimeout(()=>{
+		instance.$("#js-amount").on("input",function(){
+			this.value=this.value.slice(0,this.maxLength);
+		});
+	},10)
+})
+
 Template.currencyAuction.helpers({
 	currencies: () => {
 		let bids = Bids.find({

diff --git a/imports/ui/pages/auctions/currencyAuction.template.html b/imports/ui/pages/auctions/currencyAuction.template.html
@@ -20,7 +20,8 @@ <h5 class="card-title">{{_ "auctions.currency.crypto"}}</h5>
                                 <hr>                                           
                                 <h5 class="card-title">{{_ "auctions.currency.amount"}}</h5>         
                                 <div class="input-group">
-                                    <input type="number" step="any" min="0" id="js-amount" name="amount" placeholder="0"  class="form-control">
+                                    <input type="number" step="any" min="0" id="js-amount"
+                                    name="amount" placeholder="0" maxlength="10"  class="form-control">
                                     <span style="padding: 20px;"><b style="color: green">{{fixed balance}}</b> KZR</span>
                                 </div>
                                 <div id="amountError" class="invalid-feedback"></div>