Ionic 3表单仍然警告我：“密码字段不包含在表单中”

Posted 2021-04-10

我是Ionic框架的新手，我正在使用Ionic 3。

即使我在我的应用程序中使用表单，我仍然会在浏览器中收到此警告：

[DOM]密码字段不包含在表单中：

为什么会这样，我该如何解决？

答案

解决方案1：

我认为您使用的是Chrome浏览器。如果你试试Mozilla，它不会给出错误。有关更多详细信息，请参阅此链接：https://github.com/aws-amplify/amplify-js/issues/165

这是一个例子：

<div className="myform" onSubmit={this.validateLogin()}>
    <div className="myformgroup">
        <label>Email</label>
        <input type="text" placeholder="Email" id="email"></input>
    </div>
    <div className="myformgroup">   
        <label>Password</label>
        <input type="password" placeholder="Enter the Password" id="mypassword" value=""/>
    </div>
    <div className="myformgroup">
        <button type="submit" id="loginButton">Login</button>
    </div>
</div>

返回的密码字段不包含在表单中。

解决方案1：将主div标签更改为我在下面的表单后：

<form className="myform" onSubmit={this.validateLogin()}>
    <div className="myformgroup">
        <label>Email</label>
        <input type="text" placeholder="Email" id="email"></input>
    </div>
    <div className="myformgroup">   
        <label>Password</label>
        <input type="password" placeholder="Enter the Password" id="mypassword" value=""/>
    </div>
    <div className="myformgroup">
        <button type="submit" id="loginButton">Login</button>
    </div>
</form>

它不会返回警告。

解决方案2：

如https://github.com/aws-amplify/amplify-js中所述，在项目目录中安装aws-amplify。