我的站点中有一个注册表单,我正在其中保存字段,并且在用户再次返回该注册表单时保存表单后,我希望将以前的字段值保存在浏览器自动填充中。 下面是我的代码片段 -
<form class="clearfix">
<input autocomplete="given-name" name="firstName" type="text" placeholder="Enter First Name" class="form-control" value="">
<input autocomplete="family-name" name="lastName" type="text" placeholder="Enter Last Name" class="form-control" value="">
<input autocomplete="email" name="email" type="text" placeholder="Enter Email" class="form-control" value="">
<input autocomplete="tel" name="phoneNumber" type="text" placeholder="Enter Number" class="form-control contactMask" value="">
<input autocomplete="address-line1" name="addressLine1" type="text" placeholder="Street 1" class="form-control">
<input autocomplete="address-line2" name="addressLine2" type="text" placeholder="Street 2" class="form-control" value="">
<a href="javascript:void(0);" className="btn baseBtn primeBtn" onClick={this.signupUser}>Sign Up</a>
</form>
在 anchor 标记的 onClick 代码中,我通过注册用户函数进行 ajax 调用。 之后,我希望用户数据自动填充到 chrome 中的浏览器自动填充地址中。
我尝试了以下方法:-
1.很少有人建议使用表单“提交”按钮功能将数据保存在自动填充中,而不是使用 ajax 调用表单 anchor 标记的 onClick 事件。 但这对我来说也不起作用。
2.我看过一些帖子,其中他们告诉我要为字段使用专有名称和自动完成属性。但使用该浏览器只能猜测正确的字段值。
最佳答案
我正在回答我自己的问题。 实际上,我只是忽略了我没有直接提交我的表格。 在后端,我们使用 grails 并将其仅用于 REST API。 在前端我们有 react.js 但请求和响应是从 Nginx 获得服务的。 所以表单没有提交给 grails,这就是表单提交数据没有保存在浏览器自动填充中的原因。
关于javascript - 在注册表单上,表单字段未保存在提交时自动填写的浏览器中。(ReactJs),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36624683/