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