在注册表单上，表单字段不会保存在提交时自动填充的浏览器中.(ReactJs）

On registration form , form fields are not getting saved in browser auto fill on submit .(ReactJs)

本文关键字：表单 填充 浏览器 ReactJs 存在 注册表 注册 字段 保存 提交      更新时间：2024-06-18

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

 <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进行ajax调用。之后，我希望用户数据在浏览器中自动填充chrome中的自动填充地址。

  • 我尝试了以下方法：-

    1.很少有人建议在自动填充中使用表单"提交"按钮功能来保存数据，而不是使用ajax调用表单锚标记onClick事件。但这对我来说也不起作用。

    2.我看过一些帖子，他们告诉我要使用字段的正确名称和自动完成属性。但是通过使用该浏览器只能猜测正确的字段值。

我在回答我自己的问题。事实上，我只是忽略了我不是直接提交表格。在后端，我们使用grails，并且仅将其用于REST API。在前端，我们有react.js，但Nginx提供请求和响应。所以表单并没有提交到grails，这就是为什么表单上的提交数据并没有保存在浏览器自动填充中。

相关文章：