从输入类型=“数字”中获取不正确的值

时间:2019-07-02 11:52:41

标签: javascript jquery html google-chrome

有一个输入字段,我需要输入输入的字符串。

$("#test").on("change", function(){
  console.log($(this).val());
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type='number' id="test">

有效。但是,如果我复制/粘贴错误的字符串(例如:“ 123231,3232.00”)以输入,console.log将返回空字符串。我如何获得粘贴的价值?

1 个答案:

答案 0 :(得分:0)

  
    
      

您已在HTML输入元素中使用了 type 属性,其值为 number 。输入的内容必须为数字

    
  
        type='number' in <input type='number' id="test">  

因此,如果您要在输入中输入数字以外的值,则会得到空的结果。
从输入元素中删除类型属性,或者可以使用适当的输入值。

示例:
1)输入值: 12354 ,结果将为 12345 (与上述情况相符)
2)输入值:“ 12345” ,结果将为空(由于要在输入元素中输入属性

您可以在此处检查并根据需要使用属性值:https://www.w3schools.com/tags/att_input_type.asp