Edit in JSFiddle

var myForm = document.getElementById('myForm');
myForm.addEventListener("submit", submitFunction, false);
myForm.noValidate = true; // 자동검사가 꺼져있어야 합니다.

function submitFunction(event) {
  event.preventDefault(); // 전송하지 않기 위해 기본기능을 끔
  var msg;
  var num = myForm.num;
  // 값이 유효한지 검사
  if (num.checkValidity()) {
    msg = "유효한 값을 입력하였습니다.";
  } else {
    msg = num.validationMessage; // 유효하지 않을때 메세지를 받아옴
  }

  var output = document.getElementById("output");
  output.innerHTML = msg;
}

<div>
  <form id="myForm">
    <input name="num" type="number" min="100" max="300" required />
    <input type="submit" value="OK" />
  </form>
</div>
<p> 100 ~ 300 사이의 값을 입력하세요.</p>

<p id="output"></p>