HTML文本输入RegEx验证即使具有必需的属性也不起作用

Question

我正在尝试让动态生成的文本输入仅允许数字和介于两者之间的可选小数点。我正在使用该属性，但是输入仍然无法响应RegEx。

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

HTML生成如下：HTML

请不要将此问题标记为重复，没有类似的答案已经在使用'required'属性

Answer 1

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