在注册表单上,表单字段不会保存在浏览器自动填写提交中.(ReactJs)

Question

我在我的网站上有一个注册表单,我在其中保存字段,当用户再次返回到该注册表单时保存表单后,我希望以前的字段值保存在浏览器自动填充中.下面是我的代码片段 -

 <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>

在这个代码onClick of anchor tag我正在通过注册用户函数进行ajax调用.之后,我希望用户数据在Chrome浏览器自动填充地址中自动填充.

• 我试过以下方法: -

  1.很少有人建议使用表单"提交"按钮功能来保存自动填充中的数据,而不是使用ajax调用表单锚标签onClick事件.但这也不适用于我的情况.

  我已经通过了几个帖子,他们告诉我们使用正确的名称和字段的自动完成属性.但通过使用该浏览器只能猜出正确的字段值.

Answer 1

我正在回答我自己的问题。实际上，我只是忽略了我没有直接提交表格。在后端，我们使用 grails 并将其仅用于 REST API。在前端，我们有react.js，但请求和响应是从 Nginx 获得的。因此，表单没有提交到 grails，这就是表单提交数据没有保存在浏览器自动填充中的原因。