javascriptでdisabledのコントロールができない
Q&A
Closed
PHPでメールアドレスがテーブル（mariaDB）に登録済のものでないかのチェックをして、その結果によって、ボタンのdisabledをfalseかtrueかにしたくてソースを書いています。
しかしながら、どの条件に合致してもtrueのままです。
条件に合致した際に、メッセージをremoveするようにもしているのですが、そちらはできています。
試しにconsole.log(12行目)もやってみましたが、そちらも正しく表示されます。
disabledのコントロールだけが効かず、原因不明です。
関係あるか微妙ですが、php(html)側のbuttonのtypeはsubmitです。
原因究明にご協力いただければ幸いです。
ソースを添付いたします。
<script>
document.addEventListener('DOMContentLoaded', function() {
document.querySelector('#button_chk').addEventListener('click', function(){
let button = document.getElementById('button_con');
let result = document.getElementById('check_result').value;
let mailChkMsg = document.getElementById('mail_chk_msg');
let dbMailAddress = JSON.parse('<?php echo $phpMailAddress;?>');
let entMailAddress = document.getElementById('address').value;
if(result === 'チェック完了しました。' && mailChkMsg === null){
console.log(result);
button.disabled = false;
} else {}
if(result === 'チェック完了しました。' && mailChkMsg !== null){
document.getElementById('mail_chk_msg').remove();
button.disabled = false;
} else {}
if(result !== 'チェック完了しました。' && result !== '' && mailChkMsg === null){
document.getElementById('mail_chk_msg').remove();
button.disabled = true;
} else {}
if(result !== 'チェック完了しました。' && result !== '' && mailChkMsg ==! null){
document.getElementById('mail_chk_msg').remove();
button.disabled = true;
} else {}
},false)
},false)
</script>
<noscript>
JavaScriptが利用できません
</noscript>
0
