Angularjs 当type=";时,Firefox返回空白$viewValue;“数字”;在野外有空间

Angularjs 当type=";时,Firefox返回空白$viewValue;“数字”;在野外有空间,angularjs,forms,firefox,directive,Angularjs,Forms,Firefox,Directive,我正在尝试设置一个信用卡输入字段,我需要能够用空格分隔数字组。但在移动设备上,我希望数字键盘出现,因此我使用的是input[type=“number”]而不是input[type=“text”] 目前,当我在Chrome上测试时,它正在工作。信用卡字段指令中出现的$viewValue显示16位数字(由于数字类型字段,角偶自动删除空格) 但在Firefox中,只要键入空格,$viewValue就会返回“”(即使字段值为“5555555555554444”) 有没有办法让这一切按预期进行?哇,也许这

我正在尝试设置一个信用卡输入字段,我需要能够用空格分隔数字组。但在移动设备上,我希望数字键盘出现,因此我使用的是
input[type=“number”]
而不是
input[type=“text”]

目前,当我在Chrome上测试时,它正在工作。信用卡字段指令中出现的$viewValue显示16位数字(由于数字类型字段,角偶自动删除空格)

但在Firefox中,只要键入空格,$viewValue就会返回“”(即使字段值为“5555555555554444”)


有没有办法让这一切按预期进行?

哇,也许这是一个严重的Mozilla错误,目前还没有解决方案,那么你可以应用其他方法来解决这个问题

  • 使用mask(在移动设备上丢失号码):尝试插件,像这样的库,坏用户在移动设备上丢失PAD号码

  • 保持输入数字(复杂只是为了好玩):隐藏输入类型,然后当用户在数字字段中键入时,用值填充隐藏的输入

  • 使用文本字段(最佳方式):是的,数字是HTML5的新时代,但用户现在不在乎,是的,用pad(像大多数应用程序一样)只显示数字是很棒的,现在提问真的有必要吗

  • 动态表单JS:验证浏览器版本,如果出现Wild Mozilla,请将type number更改为type text;)

  • 祝你好运

    来自

    的最诚挚的问候,我也一直在想第三和第四个问题。我认为手机将主要是Chrome(Android)和Safari(iPhone),所以Firefox用户很可能是桌面用户,而不会有手机键盘。