我在这个论坛上进行了很多搜索来解决这个问题,但到目前为止还没有成功。我有一个包含多个<input>部分的表格。在此表单中,我有一个密码字段和一个确认密码字段,需要使用第一个密码进行验证。下面是 HTML 代码示例:
<input
title="Password should contain at least 6 characters or numbers" type="password"
pattern=".{6,}"
name="RegisterForm[password]"
onchange="this.setCustomValidity(this.validity.patternMismatch ? this.title : ''); if(this.checkValidity()) form.RegisterForm[password2].pattern = this.value;"
placeholder="Password..."/>
<input
title="Please enter the same Password as above"
type="password"
pattern=".{6,}"
name="RegisterForm[password2]"
onchange="this.setCustomValidity(this.validity.patternMismatch ? this.title : '');"
placeholder="Confirm Password . . ."/>
Run Code Online (Sandbox Code Playgroud)
两个输入都有一个带方括号的名称,例如"RegisterForm[password]"。如果我使用不带括号的名称属性,则验证有效,如果我使用带括号的名称属性,则验证不起作用。有什么想法如何克服名称属性中的方括号问题而不丢失方括号?
如果我将名称属性替换为"password1"and "password2",那么一切都会按预期进行。
如果有人有解决方案,请帮助我!:-)。