カスタムのモーダル登録フォームを作成しようとしていますが、フォームの検証で問題が発生しています。基本的に、私がなんとかしたことは、タグで使用されるpattern="..."またはマークアップに基づいて、CSS3 を使用してフィールドを検証することでした。required<input>
この検証は、パスワードの最小値のチェックなどの単純なものをカバーしています。chars と電子メール アドレスの構文。ただし、欠落していて非常に重要なのは、フォームがデータベースをチェックして、新しいユーザーが登録したい電子メールアドレスが既にWebサイトに登録されているかどうかを確認する方法です...そして、そうであれば<i class="icon-attention invalid"></i>表示するトリガー可能であれば、送信ボタンを無効にします。
<div class="modal modal-animate" id="login">
<div class="modal-content">
<section id="modal-register" class="hidden">
<h4>Sign up for a new account</h4>
<form enctype="multipart/form-data" method="post" class="frm-show-form " id="form_registration">
<ul>
<input type="hidden" name="frm_action" value="create">
<input type="hidden" name="form_id" value="10">
<input type="hidden" name="form_key" value="registration">
<li class="field">
<input type="text" id="field_first_name" class="input" name="item_meta[85]" value="" placeholder="First Name" required><i class="icon-check valid"></i><i class="icon-attention invalid"></i>
</li>
<li class="field">
<input type="text" id="field_last_name" class="input" name="item_meta[86]" value="" placeholder="Last Name" required><i class="icon-check valid"></i><i class="icon-attention invalid"></i>
</li>
<li class="field">
<input type="email" id="field_email_address" class="input" name="item_meta[87]" value="" placeholder="Email" required><i class="icon-check valid"></i><i class="icon-attention invalid"></i>
</li>
<li class="field">
<input type="password" id="field_password" class="input" name="item_meta[88]" value="" placeholder="Password" pattern=".{6,}" required><i class="icon-check valid"></i><i class="icon-attention invalid"></i>
</li>
<input type="hidden" id="field_r5tog4" name="item_meta[89]" value="" />
<input type="hidden" name="item_key" value="" />
<input type="hidden" name="frm_register[username]" value="-1" />
<input type="hidden" name="frm_register[email]" value="87" />
</ul>
<input type="submit" value="Register" formnovalidate="formnovalidate" class="button-full">
</form>
</section>
</div>
</div>
ここで検証を支援するために使用できる PHP スクリプトはありますか、それともフォーム全体が間違っていますか? テストしてみましたが、ユーザー登録は機能しますが、メールが受信されると、何も登録せずにページが更新されます。有効な新しい電子メールが使用されている場合、登録は機能します。