javascript - 即使使用必需的属性,HTML 文本输入正则表达式验证也无法正常工作

标签 javascript regex html

我试图让动态生成的文本输入仅允许数字和中间的可选小数点。我正在使用该属性,但输入仍然对正则表达式没有响应。

var howMuch = $("<input>").attr("type", "text").attr("name", "howMuch").attr("pattern", "([0-9]+(\.[0-9]+)?)").prop("required", true);

HTML 生成如下: HTML

请不要将此问题标记为重复,现有的类似答案均未使用“必需”属性

最佳答案

尖锐的答案适用。 此外,pattern 属性仅在表单验证时有效。换句话说,用户可以输入他想要的任何内容。仅当他按下提交时,pattern 属性才会被考虑。 如果您想向用户提供实时反馈,您应该监听 change 事件并手动触发表单 validate 方法。或者您可以使用 keydown 事件来阻止某些字符被接受为输入。

关于javascript - 即使使用必需的属性,HTML 文本输入正则表达式验证也无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51933336/

相关文章:

javascript - 幻灯片功能和 Internet Explorer 11

python - 在 python 中,如何 'if finditer(...) has no matches' ?

MySQL - 在子查询的别名上使用 REGEXP

jquery - 鼠标悬停/图像交换问题

javascript - 使用 jQuery 的选项卡不透明度

javascript - 除非调整屏幕大小,否则悬停时的滚动功能将不起作用

javascript - 使用向上/向下按钮更新我的 HTML5 slider

javascript - 使用 NodeJS N-API 计算浮点值时出现问题

正则表达式为 4 个字符和 7 个数字。没有特殊字符

javascript - 每次我调用它时,Close 方法调用都会递增