javascript - 在不使用表单的情况下，如何在运行函数之前检查输入字段是否为空？

Question

我在 SharePoint aspx 页面中有以下代码(我收到一条错误消息，提示我无法使用表单控件...这就是表单标签不存在的原因):

<div id="formBox">
 Here is a link : <a href="" id=lnk>nothing here yet</a> <br>
<input type='text' id='userInput' />
<input name="codename" type="radio" value="codeA" /> <label for="x">X</label>&nbsp;<input name="codename" type="radio" value="codeB" /><label for="y">Y</label>
<input type='button' onclick='javascript:changeText2()' value='Change Text'/>
 </div>

这里是应该连接信息的函数:它工作......有点......它的一部分。

它会将选定的按钮添加到 url 以及输入文本。但是，它会在输入填写完成之前触发，然后在您再次在框中输入后起作用。

我厌倦了添加 if 语句，以在框未填写但不起作用时停止代码。这是我的...

    function changeText2(){
    var userInput = document.getElementById('userInput').value;
  $('#formBox input[type="text"]').on('change', function() {
  var linktest = 'site/info.aspx?' + $('input[name="codename"]:checked', '#formBox').val() + '=' + userInput;
  alert(linktest);
  });

    var lnk = document.getElementById('lnk');
    lnk.href = "http://www.google.com?q=" + userInput;
    lnk.innerHTML = lnk.href;
}

我试过这样检查输入框，但是没用:

 if( $('#formBox input[type="text"]').val== "") {    
   alert('no info');
}

Answer 1

应该是val()在 jquery 中，而不是 val。但是，它将是 value在 javascript 中，而不是 val。只需使用唯一 ID，尝试这样的操作，

对于 Jquery:

if( $('#userInput').val() === "") {    
   alert('no info');
}

对于 JavaScript:

if(document.getElementById("userInput").value === "") {    
   alert('no info');
}