質問

投稿者:みさき
登録日:2023年10月11日(水)

メールアドレスの場合に、値を入力しても必須チェックに引っかかる

現在お問い合わせフォームを作成しております。 DBにタイプ:メールアドレスを設定し、フォームのEmail欄にて必須チェックを行おうとしています。 しかしテスト環境のビュー画面で、Email欄にメールアドレスを入力しているにもかかわらず、確認画面に遷移しようとすると必須チェックに引っかかり確認画面に遷移することができません。 試しにテキストフィールドで同一のコードを使用してみましたが、その場合必須チェックに引っかからず、valueがあると認識されています。 このような現象の解決方法をご教示いただけませんでしょうか。

フォームの該当HTML
        <!--/* E-mail(email) */-->
        <sp:input-field name="f019"></sp:input-field>
        <div class="form-heading2">
          <div class="form-heading2__inner">
            <h2 class="form-heading2__title"><label for="f019">E-Mail</label> <span class="contact-req">required</span></h2>
          </div>
        </div>
        <div class="form-field">
          <div class="form-field__text" data-field-width="800">
            <!-- <p class="form-error-text" th:if="${errors['f019'] != null}"
              th:text="${error_list.f019}"></p> -->
              <p class="form-error-text" th:if="${errors['f019'] != null}"
              th:text="${errors['f019'].message}"></p>
            <p class="form-example">Example)sample@sample.com</p>
            <input type="email" id="f019" name="f019" maxlength="256"
              th:classappend="${errors['f019'] != null} ? 'form-error'"
              th:value="${inputs['f019']}">
          </div>
        </div>
更新日:2023年10月12日(木)
いいね

コメント

  • 該当ソースを確認いたしました。 メールアドレスの入力欄が1つのみになっているため、 フィールド一覧よりメールアドレスの確認入力が「使用する」になっていないか確認をお願いします。 確認入力の箇所が存在しないため、メールアドレスの必須チェックに引っかかっている可能性があります。 よろしくお願いいたします。

    • いいね
    2023年10月11日(水)
  • みさき

    ご指摘の通り、フィールド一覧からメールアドレスの確認入力を「使用しない」にすることで解消いたしました。 ありがとうございます。

    • いいね
    2023年10月12日(木)