Safari中的数字输入类型和$的使用

时间:2015-11-25 18:01:16

标签: html forms input safari numeric

我在付款表单上遇到数字输入问题。当用户在Chrome中的数字输入中输入美元符号($)时,Chrome会阻止$。但是,当用户在Safari中输入$时,Safari会突出显示错误(以红色标出输入框),但允许$持续存在。然后,当用户尝试提交表单时,表单将重置,而不是提交和混淆用户。

有没有办法在Safari中复制Chrome中的行为(只是阻止$但允许用户继续输入)?或者,有没有办法允许使用$并允许表单提交?

奇怪的是,我似乎无法找到有关此信息的任何信息,尽管对于使用付款方式的人来说这似乎是一个常见问题。

1 个答案:

答案 0 :(得分:0)

您可以使用Javascript / JQuery仅允许特定字符(例如0-9)。

// Catch all events related to changes
$('#textbox').on('change keyup', function() {
// Remove invalid characters
var sanitized = $(this).val().replace(/[^0-9]/g, '');
// Update value
$(this).val(sanitized);
});

来源:Disable Text Entry in <input type="number">

告诉我你是如何继续前进的,如果不起作用,我们可以尝试解决问题。我建议查看我链接的来源,如果没有,因为有一些选择,但还有其他方法来解决不允许用户输入'$'字符的具体问题。