ผมใช้ script สำหรับส่งค่าเช็คค่าฟอร์ม แต่ไม่รู้จะทำยังไงให้ ถ้ามีช่องใดช่องนึงมีค่าที่เช็คที่ได้เป็น ไม่ผ่าน ไม่สามารถกดปุ่ม submit ได้

<script language="JavaScript">
function chkus() {
$("#load-us").show();
jQuery.ajax({
url: "reg-chk-us.php",
data:'username='+$("#username").val(),
type: "POST",
success:function(data){
$("#chk-us").html(data);
$("#load-us").hide();
},
error:function (date){}
});
}
function chkem() {
$("#load-em").show();
jQuery.ajax({
url: "reg-chk-em.php",
data:'email='+$("#email").val(),
type: "POST",
success:function(data){
$("#chk-em").html(data);
$("#load-em").hide();
},
error:function (date){}
});
}
</script>
<div id="frmCheckUsername">
<form method="POST">
  <table width="300">
    <tr>
      <td width="50">User</td>
      <td align="left">
        <input name="username" type="text" id="username" class="demoInputBox" onblur="chkus()" autocomplete="off" style="width:150px;" required>
        <img src="https://gifimage.net/wp-content/uploads/2017/08/loading-gif-transparent-25.gif" height="20" id="load-us" style="display:none" />
        <span id="chk-us"></span>
      </td>
    </tr>
    <tr>
      <td width="50">Email</td>
      <td align="left">
        <input name="email" type="text" id="email" class="demoInputBox" onblur="chkem()" autocomplete="off" style="width:150px;" required>
        <img src="https://gifimage.net/wp-content/uploads/2017/08/loading-gif-transparent-25.gif" height="20" id="load-em" style="display:none" />
        <span id="chk-em"></span>
      </td>
    </tr>
  </table>
  <input type="submit">
</form>
</div>