2016-04-14 5 views
5

私は自分のサイトに登録フォームを1つ保存しています。フィールドを保存しています。フォーム前のフィールド値をブラウザの自動入力に保存します。私はサインアップユーザ関数を経由して、AJAX呼び出しをしていますアンカータグのこのコードのonClickで登録フォームで、フォームフィールドがブラウザの自動入力フォームに保存されません。

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

- 以下 は私のコードスニペットです。 とそれ以降は、ユーザーのデータがクロムのブラウザの自動入力アドレスに自動入力されるようにしたいと考えています。

  • 私は方法の下に試してみました: -

    1.Few人ではなく、AJAXコールフォームのアンカータグのonClickイベントを持つよりも、オートフィルでデータを保存するために「送信」ボタンの機能をフォームを使用することを示唆しました。 でも、私の場合はそれが動作していません。

    2.フィールドに適切な名前とオートコンプリート属性を使用するように指示された投稿はほとんどありません。そのブラウザを使用することによって、適切なフィールド値しか推測できません。

答えて

0

私は自分の質問に答えています。 実際、フォームを直接提出していないと私は無視しました。 バックエンドでは、grailsを使用しており、それをREST APIのためだけに使用しています。フロントエンドの にはreact.jsがありますが、要求と応答はNginxから提供されています。 フォームがGrailsに送信されないため、フォームの送信データがブラウザの自動入力に保存されていないことが原因です。

関連する問題