Edit in JSFiddle

function overlapCheck() {
  var myForm = document.getElementById('myForm');
  var output = document.getElementById('output');
  var output2 = document.getElementById('output2');
  var mId = myForm.mId;

  // 유효성 검사에 통과 했으면 AJAX를 시작
  if (mId.validity.valid) {
    var xhr = new XMLHttpRequest();
    // 동기방식으로 open
    xhr.open("get", "sync.php?mId=" + mId.value, false);
    xhr.send();
    output.innerHTML = xhr.responseText;
  }
  output2.innerHTML = "AJAX 요청이 완료 되었습니다.";
}

<h3>동기방식 AJAX</h3>
<form id="myForm">
  <p>아이디 :
    <input type="text" name="mId" placeholder="아이디" value="moosin" required>
    <button type="button" onclick="overlapCheck()">아이디 중복확인</button>
  </p>
</form>
<p>참고 : 'moosin'은 중복됩니다. 서버는 2초후 응답합니다.</p>
<hr>
<p>전송받은 정보</p>
<div id="output"></div>
<div id="output2"></div>