コンタクトフォーム、メールアドレスの確認をするやつ

コーディングのお仕事

wordpressなんかでやると簡単なのですが
旧来のサイトにメールアドレスの確認入力ができるようにしてくれと言われました

なんかできるのかなと調べていたらこちらのサイト様の解説しているやり方で可能でした
https://labyrinth-of-wisdom.hatenadiary.com/entry/2016/07/19/104115

<tr>
<th>メールアドレス<span class="required">※必須</span><br></th>
<td><input size="30" type="email" name="Email" id="email_2"/><br>
<span class="required">※確認のため再入力</span><br>
<input size="30" type="email" name="メールアドレス確認" id="emailConfirm_2" required oninput="CheckEmail_2(this)" />
</td>
</tr>
<script language="JavaScript" type="text/javascript">
function CheckEmail_2(input){
var mail = document.getElementById("email_2").value;
var mailConfirm = input.value;
if(mail != mailConfirm){
input.setCustomValidity('メールアドレスが一致しません');
}else{
input.setCustomValidity('');
}
}
</script>

上下で違うアドレスを入れて確認を押すとアラートが出ます
あっていればメール送信の代わりにリロードされます

メールアドレス※必須

※確認のため再入力


関連記事

特集記事

TOP