话不多说先上图
可以看到这个警告
Password field is not contained in a form
拿着这个报错上度娘各种search,基本上所有的方法都是要在input[type=password]外面包裹form标签
亲测:在uni-app里该方法无效
我猜测原因是因为在代码里form标签被解析成了uni-form标签,所以在dom结构里是没有form标签的,继而仍然会报错
下面是解决方案(非最优解,如果有最优解欢迎留言)
解决方案
- 不使用input[type=password]
- 使用input[type=text] + 样式 'text-security:disc' 组成密码状的输入框
代码如下
HTML
<view class="bindPhone-form-item">
<input type="text" class="password" placeholder="请输入密码" v-model="password" placeholder-class="placeholderClass" @focus="clearError"/>
</view>
LESS
.password {
/deep/.uni-input-input {
-webkit-text-security: disc;
text-security:disc;
}
}