如果JavaScript中缺少一个值，如何停止函数并显示错误消息？

我正在设计一个网站，我需要下面的功能停止时，一个输入值丢失，并显示错误消息。 我的表单HTML代码：

<form action="http://localhost/qurantest/" method="get" target="_blank" id="my-form">
  <input type="text" name="reference-number" id="reference-number" value="" class="6u 12u$(xsmall)" placeholder="enter chapter"/>
  <input type="text" name="reference-number" id="reference-number2" value="" placeholder="enter verse"/>
  <br>
  <input type="submit" value="GO" class="button big special" />
</form>

JavaScript函数是

<script type="text/javascript">
  var form       = document.querySelector('#my-form'),
      text_field = document.querySelector('#reference-number');
      text_field2 = document.querySelector('#reference-number2');
      
  function submitHandler(){
    // build the new url and open a new window
    var url = form.action + text_field.value + '/' + text_field2.value;
    window.open(url);

    // prevent the form from being submitted because we already 
    // called the request in a new window
    return false;
  }

  // attach custom submit handler
  form.onsubmit = submitHandler;
</script>

var form=document.querySelector（“#我的表单”），
text#u field=document.querySelector（“#参考号”）；
text_field2=document.querySelector（“#reference-number2”）；
函数submitHandler（）{
//构建新的url并打开一个新窗口
var url=form.action+text_field.value+'/'+text_field2.value；
窗口打开（url）；
//阻止提交表单，因为我们已经
//在新窗口中调用请求
返回false；
}
//附加自定义提交处理程序
form.onsubmit=提交者；

我想要的是：当两个“输入”（文本字段）中的一个为空时，停止该功能并显示错误消息。另外，我想为每个输入指定最大值。（在我的例子中，我希望第一个输入字段仅包含1-114之间的数字，第二个输入字段仅包含2-286之间的数字），并且此特定函数将在一个新窗口中打开，正如上面代码所示，我希望函数在当前窗口中打开。如何使用JavaScript实现这一点？ 我是JS的新手，所以任何帮助都将不胜感激。提前谢谢

试试这个

var form=document.querySelector（“#我的表单”），
text#u field=document.querySelector（“#参考号”）；
text_field2=document.querySelector（“#reference-number2”）；
函数submitHandler（）{
//检查值
如果（text_field.value==“”| text_field2.value==“”）{
警报（“信息”）；
返回false；
}
//构建新的url并打开一个新窗口
var url=form.action+text_field.value+'/'+text_field2.value；
窗口打开（url）；
//阻止提交表单，因为我们已经
//在新窗口中调用请求
返回false；
}
//附加自定义提交处理程序
form.onsubmit=提交者；

检查这个

<script type="text/javascript">
              var form = document.querySelector('#my-form');
              var text_field = document.querySelector('#reference-number');
              var text_field2 = document.querySelector('#reference-number2');
              
          function submitHandler(){
             if(!text_field.value || !text_field2.value) {
              console.log("error message here");
              return;
             }
                    var url = `${form.action}${text_field.value}/${text_field2.value}`;
            window.open(url);
          return;
          }
          form.onsubmit = submitHandler;
        </script>

var form=document.querySelector（“#我的表单”）；
var text_field=document.querySelector（“#参考号”）；
var text_field2=document.querySelector（“#reference-number2”）；
函数submitHandler（）{
如果（！text_field.value | |！text_field2.value）{
log（“此处的错误消息”）；
返回；
}
var url=`${form.action}${text_field.value}/${text_field2.value}`；
窗口打开（url）；
返回；
}
form.onsubmit=提交者；

Baarakallahu Feekum。

<script type="text/javascript">
              var form = document.querySelector('#my-form');
              var text_field = document.querySelector('#reference-number');
              var text_field2 = document.querySelector('#reference-number2');
              
          function submitHandler(){
             if(!text_field.value || !text_field2.value) {
              console.log("error message here");
              return;
             }
                    var url = `${form.action}${text_field.value}/${text_field2.value}`;
            window.open(url);
          return;
          }
          form.onsubmit = submitHandler;
        </script>