输入类型数字使用逗号 - 将点更改为逗号

     2023-03-31     288

关键词:

【中文标题】输入类型数字使用逗号 - 将点更改为逗号【英文标题】:Input type number usage comma - change dot to comma 【发布时间】:2017-01-14 09:56:13 【问题描述】:

我正在使用<input type="number"...,但我不能使用逗号?但我无法解决将其更改为<input type="text" 以使用它的问题。在它之后,用户也可以在输入中输入一些字母并产生一些问题,因为该输入与另一个输入相加。 有什么建议?

【问题讨论】:

请看这个解决方案***.com/questions/15303940/… 【参考方案1】:

您想在输入类型 number 中使用 1.2 或 2.3 之类的数字吗? 然后你可以使用 step 属性。阅读下面的代码

<input type="number" step="0.01">

【讨论】:

所以步骤必须是这样的:step="0.01" 我已经编辑了我的第一条评论,检查一下 <input type="number" step="0.01">我放了,还是不能用:55,55 不能使用 55,55 是什么意思?你能解释一下你想做什么吗? 试着输入一些数字,一些数字;例如 50,06。在我国,我们使用逗号 (,) 表示数字。我们不使用点。 我使用的是 firefox developerper edition 52,并使用逗号而不是点输入类型号。检查截图dot和comma【参考方案2】:

我希望它对你有用 HTML 代码

<span>Float</span>
<input type="text" name="numeric" class='allownumericwithdecimal'>
<div>Numeric values only allowed  (With Decimal Point) </div>    
    <br/>   <br/>   <br/>

 <span>Int</span>
<input type="text" name="numeric" class='allownumericwithoutdecimal'>
<div>Numeric values only allowed  (Without Decimal Point) </div> 

JavaScript 代码

$(".allownumericwithdecimal").on("keypress keyup blur",function (event) 
            //this.value = this.value.replace(/[^0-9\.]/g,'');
     $(this).val($(this).val().replace(/[^0-9\.]/g,''));
            if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) 
                event.preventDefault();
            
        );

 $(".allownumericwithoutdecimal").on("keypress keyup blur",function (event)     
           $(this).val($(this).val().replace(/[^\d].+/, ""));
            if ((event.which < 48 || event.which > 57)) 
                event.preventDefault();
            
        );

JS Fiddler 链接在这里Referance Link

【讨论】:

嘿先生。但我需要使用带有 (,) 的数字。示例:22,06 嘿@proofzy,你必须为他们实现一个'javascript函数' @proofzy 在 keypres 上试试这个代码 function isNumber(evt) var theEvent = evt || window.event; var key = theEvent.keyCode || theEvent.which; key = String.fromCharCode(key); if (key.length == 0) return; var regex = /^[0-9.,\b]+$/; if (!regex.test(key)) theEvent.returnValue = false; if (theEvent.preventDefault) theEvent.preventDefault(); 或者试试这个,完美运行和测试 HTML &lt;input type="text" id="txt" onkeyup="addComma(this);" /&gt; JavaScript function addComma(txt.value = this.value.replace(/[^\d,]/g,'')) 好吧,输入需要保持为数字...显然chrome不允许我用逗号输入数字...【参考方案3】:

使用这个 javascript 和 jquery 脚本:

        function transformTypedChar(charStr) 
        return charStr == "," ? "." : charStr;
        // HERE WE SET WHAT WE ARE GOING TO CHANGE
    

    function getInputSelection(el) 
        var start = 0, end = 0, normalizedValue, range,
            textInputRange, len, endRange;

        if (typeof el.selectionStart == "number" && typeof el.selectionEnd == "number") 
            start = el.selectionStart;
            end = el.selectionEnd;
         else 
            range = document.selection.createRange();

            if (range && range.parentElement() == el) 
                len = el.value.length;
                normalizedValue = el.value.replace(/\r\n/g, "\n");

                // Create a working TextRange that lives only in the input
                textInputRange = el.createTextRange();
                textInputRange.moveToBookmark(range.getBookmark());

                // Check if the start and end of the selection are at the very end
                // of the input, since moveStart/moveEnd doesn't return what we want
                // in those cases
                endRange = el.createTextRange();
                endRange.collapse(false);

                if (textInputRange.compareEndPoints("StartToEnd", endRange) > -1) 
                    start = end = len;
                 else 
                    start = -textInputRange.moveStart("character", -len);
                    start += normalizedValue.slice(0, start).split("\n").length - 1;

                    if (textInputRange.compareEndPoints("EndToEnd", endRange) > -1) 
                        end = len;
                     else 
                        end = -textInputRange.moveEnd("character", -len);
                        end += normalizedValue.slice(0, end).split("\n").length - 1;
                    
                
            
        

        return 
            start: start,
            end: end
        ;
    

    function offsetToRangeCharacterMove(el, offset) 
        return offset - (el.value.slice(0, offset).split("\r\n").length - 1);
    

    function setInputSelection(el, startOffset, endOffset) 
        el.focus();
        if (typeof el.selectionStart == "number" && typeof el.selectionEnd == "number") 
            el.selectionStart = startOffset;
            el.selectionEnd = endOffset;
         else 
            var range = el.createTextRange();
            var startCharMove = offsetToRangeCharacterMove(el, startOffset);
            range.collapse(true);
            if (startOffset == endOffset) 
                range.move("character", startCharMove);
             else 
                range.moveEnd("character", offsetToRangeCharacterMove(el, endOffset));
                range.moveStart("character", startCharMove);
            
            range.select();
        
    
// change this one ID so script can work for that input    
    $("#changeMe").keypress(function(evt) 
        if (evt.which) 
            var charStr = String.fromCharCode(evt.which);
            var transformedChar = transformTypedChar(charStr);
            if (transformedChar != charStr) 
                var sel = getInputSelection(this), val = this.value;
                this.value = val.slice(0, sel.start) + transformedChar + val.slice(sel.end);

                // Move the caret
                setInputSelection(this, sel.start + 1, sel.start + 1);
                return false;
            
        
    );

这是我的 HTML 输入:

<input type="text" autocomplete="off" step="any" font="red" style="width:120%" placeholder="changeMe"  name="changeMe" class="input-sm form-control" id="changeMe" value="Change dot to comma">

【讨论】:

将 GST 编号字段的小数分隔符更改为逗号

...,该域的值将切换为67.8。因此,该字段接受带有逗号的输入,但 查看详情

如何在excel中将句点符号从点更改为逗号

】如何在excel中将句点符号从点更改为逗号【英文标题】:Howtochangeperiodsymbolfrompointtocommainexcel【发布时间】:2018-11-1508:49:11【问题描述】:我需要关于在Excel中格式化列的帮助。如何将0.0000000000e+000转换为0,0000000000e+000?(将周期... 查看详情

将点更改为 UIPageViewController 的图像

】将点更改为UIPageViewController的图像【英文标题】:ChangedottoimageforUIPageViewController【发布时间】:2017-05-2303:50:29【问题描述】:最近了解到,UIPageViewController是管理多页场景的好方法,其内置的点功能是指示当前显示的页面的好... 查看详情

在 UITextField 中添加逗号作为用户类型的数值

...】:我对@9​​87654321@使用了一种更改方法,我想在用户输入数字时格式化UITextField。就像我希望数字被实时格式化一样。我希望将1000更改为1,000、50000更改为50,000等等。我 查看详情

如何允许 html5 数字输入类型的逗号和点分隔符

】如何允许html5数字输入类型的逗号和点分隔符【英文标题】:Howtoallowcommaanddotseparatorforhtml5numberinputtype【发布时间】:2012-05-3122:37:26【问题描述】:有没有办法使用html5数字输入类型同时允许逗号和点作为分隔符?我找到了decima... 查看详情

带有逗号的 iOS 数字键盘的输入类型

】带有逗号的iOS数字键盘的输入类型【英文标题】:InputtypeforiOSnumpadkeyboardwithcomma【发布时间】:2017-06-0223:16:09【问题描述】:我知道这是一个老问题..但我找不到任何有效的答案。我需要用逗号触发iOS设备上的小键盘,键盘类... 查看详情

C#:从字符串中提取数字,然后将逗号(,)更改为点(。)

】C#:从字符串中提取数字,然后将逗号(,)更改为点(。)【英文标题】:C#:Extractnumberoutofstring,thenchangecomma(,)todot(.)【发布时间】:2012-05-1423:54:34【问题描述】:我正在使用VisualWebRipper提取网站上产品的名称和价格。当我从... 查看详情

将点替换为逗号 jQuery(新手)

】将点替换为逗号jQuery(新手)【英文标题】:ReplacedottocommajQuery(newbie)【发布时间】:2013-05-1001:52:55【问题描述】:我是社区的新人,我试图在一个简单的数学运算中将点替换为逗号,我真的需要帮助。非常感谢大家。类似这... 查看详情

键入时在数字中添加逗号

...发布时间】:2015-02-0309:02:29【问题描述】:我尝试在用户输入数字时添加逗号。在Jquery中选择属性为number类型的inputform-control类的正确语法是什么?编辑:我无法更改HTML代码,因为它是使用Bootstrap从Django输出的。HTML<spanclass="in... 查看详情

新网站在数字类型输入中将十进制逗号转换为 ~ 点,反之亦然。该浏览器功能的 Javascript 名称?

】新网站在数字类型输入中将十进制逗号转换为~点,反之亦然。该浏览器功能的Javascript名称?【英文标题】:NewWebkitsconvertdecimalcommato~dotandviceversainnumber-typeinputs.Javascriptnameofthatbrowserfeature?【发布时间】:2014-06-2511:12:46【问题描... 查看详情

需要使用 regexp_replace (Postgresql) 将逗号添加到数字列表中

...它将数字列表清理为逗号分隔的数字列表。这些数字正在输入到输入字段中。我想让用户只输入一行以空格分隔的数字(例如:13 查看详情

jQuery可以在用户输入数字时添加逗号吗?

】jQuery可以在用户输入数字时添加逗号吗?【英文标题】:CanjQueryaddcommaswhileusertypingnumbers?【发布时间】:2011-02-0714:37:19【问题描述】:当用户输入数字时,我将如何动态添加逗号?有没有好的数字格式化程序可以提供帮助?我... 查看详情

有啥方法可以在CSV中输入用逗号分隔的数字?

】有啥方法可以在CSV中输入用逗号分隔的数字?【英文标题】:AnywaytoinputnumbersseparatedbycommainCSV?有什么方法可以在CSV中输入用逗号分隔的数字?【发布时间】:2020-01-0808:36:33【问题描述】:我需要上传一个包含逗号分隔数字的CSV... 查看详情

输入 Intl.NumberFormat 时 VueJS 数字格式实时以逗号分隔

】输入Intl.NumberFormat时VueJS数字格式实时以逗号分隔【英文标题】:VueJSNumberFormatsrealtimeseperatebycommawhenInputIntl.NumberFormat【发布时间】:2021-02-1111:40:11【问题描述】:我是初学者,我想在插入数字输入的同时显示货币符号并使用逗... 查看详情

如何格式化字符串数字以在 android 编辑字段中使用逗号

...中使用什么功能将数字显示为不同的格式。例如:如果我输入1000,那么它应该显示为1,000。如果我输入10000,那么它应该显示为10,000。如果我输入1000000, 查看详情

Javascript中带逗号的数字

...,我在使用该值时遇到了问题。它似乎没有将其视为数字类型。获取值为1,000的参数并将其转换为数字1000的最简单方法是什么 查看详情

如何检查用户输入的数字中逗号的正确位置?

】如何检查用户输入的数字中逗号的正确位置?【英文标题】:HowcanIcheckforthecorrectlocationofcommasinanumberenteredbyauser?【发布时间】:2009-08-2018:31:53【问题描述】:我正在寻找一种检查用户输入的数字的好方法,以确保可选逗号的正... 查看详情

怎么在金额数字中带有逗号去掉呢js

...逗号去掉吗?因为10,000.00这种格式金额不能直接val在input输入框里面,我这边input输入框类型是type的说错了我的type类型是number亲们,不用回答了,我会了,把简单的事情想的太复杂了,一个replace方法就可以搞定的事情,Ohmygod!... 查看详情