Jquery 如果表单输入“则阻止函数运行”；“必需”；不期而遇

我似乎无法阻止函数“load_template”启动，即使输入字段为空。当我在输入字段中单击submit按钮时，会出现一个快速错误，然后该函数被触发。输入未填写时，如何停止函数启动

我试过了，但没用

document.getElementById('leaguesubmitform').onsubmit= function(e){
  e.preventDefault();
}

下面是html和函数

<form id="leaguesubmitform">
 <label for="leagueName">Input 1 Label</label>
 <input type="text" id="setName" placeholder="Enter League Name" name="leagueName" required>
 <label for="established">Input 1 Label</label>
 <input type="text" id="yearEst" placeholder="Enter Year Established" name="established" required>

 <input type="submit" onclick="return setLeaguename()" value="Continue">
</form>


    function setLeaguename() {
      svgLeaguename = document.getElementById("setName").value;
      yearEstablished = document.getElementById("yearEst").value;
      setTimeout("load_template()", 500);
    }

输入1个标签
输入1个标签
函数setLeaguename（）{
svgLeaguename=document.getElementById（“setName”）.value；
yearEstablisted=document.getElementById（“yearEst”）.value；
setTimeout（“加载模板（）”，500）；
}

您不应该仅仅依靠HTML

required

属性来阻止表单提交。无论如何都可以很容易地绕过。在前端和后端手动验证表单输入

话虽如此，您应该阻止提交的代码不起作用，因为如果不希望表单提交，您必须返回false

document.querySelector（“表单”）.addEventListener（“提交”，checkSubmit）；
功能检查提交（事件）
{
event.preventDefault（）；
返回false；
}

甚至更好：避免使用内联JS，而使用

元素。addEventListener

代替足够公平。已更改。您对“必需”的使用完全不正确。查看它为SVG测试提供的详细信息。该属性适用于所有现代浏览器。我更新了该属性，以获取输入属性的特定属性，而不仅仅是搜索结果。仍然不工作，函数load_template（）；当输入字段中没有文本时，保持关闭。你能用我的例子写下答案吗，也许我遗漏了什么。。。