我必须使用旧库来模拟 html5 占位符,而不是实际使用占位符属性。我们正在使用一个 js 库,它通过填充输入的值来模拟这一点,然后在用户单击输入时清除该值。例如,我们有一个临时值为“输入代码”的验证码。我们仍然希望对支持它的浏览器使用 HTML5 工具提示验证。因此,如果提交表单时未填写验证码,则工具提示应显示“请输入代码”。我在验证码文本输入字段上设置了“必需”属性,但是,这不起作用,因为 js 库设置了输入字段的值,使其不为空。无论如何,表格正在提交。
我想在验证码输入字段上指定一个模式,以便字符串“输入代码”无效,也不是空字符串。
我试过了:
<input id="captcha" type="text" required="required" pattern="(?!Enter Code)">
但这似乎不起作用。