Form Field Input Number Automatically Convert To 3-digit By Adding Zero's In Front February 22, 2024 Post a Comment I am trying to make a form where users can input a pagenumber and jump to a certain page which is identified by its div ID. Solution 1: You could create a function for it like this:function padNum(num,length) { length = length || 3;num+=""; while(num.length < length) num="0"+num; return num; } CopyExamples:var newid = padNum(3);//003var newid = padNum(3,4);//0003CopyShorter (but less legible) function if wanted function padNum(num,length) { return Array((length||3)-((num+"").length-1)).join("0")+num; } CopyNote: functions are defaulting the length parameter to 3 when not specifiedSolution 2: used this code :Baca JugaDiv Adding Redirect And Background Image From Code Behind In Asp.netIs It Possible To Extend A H2 Box In Css Depending On The Text Within It?How To Create A Pop-up Div On Mouse Over And Stay When Clickfunctionpad(str, max) { return str.length < max ? pad("0" + str, max) : str; } CopyOutput:pad("12", 3); // => "012"<formid="gotopage"class="uniForm"><inputid="pagenumber"name="pagenumber"value=""size="10"type="text" /></form><script> $(document).ready(function() { $('#gotopage').submit( function() { goUrl = 'index.html#pg-' + pad($('#pagenumber').val().toLowerCase(),3); window.location = goUrl; returnfalse; // Prevent the default form behaviour }); }); </script>CopySolution 3: var num = $('#pagenumber').val().toLowerCase(); varlen = num.length; var result = [0, 0].slice(0, len < 4 ? 3 - len : 0).join('') + num; CopyFiddle Share You may like these postsHow To Redirect To Another Jsp Page Without Loading The Current Page?Appending HTML-encoded String As HTML, Not As TextHow To Fetch Image From System To Load In Canvas In Html5Bind Image From Service In Angular 6 Post a Comment for "Form Field Input Number Automatically Convert To 3-digit By Adding Zero's In Front"
Post a Comment for "Form Field Input Number Automatically Convert To 3-digit By Adding Zero's In Front"