javascript - 它不验证我的提交按钮点击使用 javascript

标签 javascript jquery

我有这段代码

function Validate() {
   if (document.getElementById('MandateName').value == "") {

       var err = document.getElementById('MandateNameErr');
       err.innerHTML = "Please enter a value for the Mandate Name";
       err.style.display = "block";
       return false;
   }
   else {
       document.getElementById('MandateNameErr').style.display = "none";
   }

   if (document.getElementById('MandateDescription').value == "") {
       var err = document.getElementById('MandateDescriptionErr');
       err.innerHTML = "Please enter a value for the Mandate Description";
       err.style.display = "block";
       return false;
   }
   else {
       document.getElementById('MandateDescriptionErr').style.display = "none";
   }

   return true;
}

我在提交前验证了提交按钮?

<button name="Submit" onclick="Validate()" >Add Variables to Mandate</button>

我调用了 Validate 函数,但如果我没有在文本框中输入任何内容,如果我单击 Button,它会向我显示我的验证消息,但同时它会进入我的 View 并向我抛出消息?

即使我把返回值设为 false;它不起作用是我做错了什么吗?

最佳答案

你需要把return放在onclick中,像这样:

<button name="Submit" onclick="return Validate()" >Add Variables to Mandate</button>

否则你正在执行验证......但并不真正关心结果。

关于javascript - 它不验证我的提交按钮点击使用 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3883353/

相关文章:

javascript - 在一个按钮上绑定(bind)两个具有不同属性的单击事件不起作用

javascript - 将实例变量传递给 js Rails

javascript - 如何在js中为两个单独的事件触发一个函数?

javascript - 使用 javascript 的元素转换

javascript - chrome.runtime.sendMessage 在重新加载 Chrome 扩展程序后从内容脚本中抛出异常

php - 在 JavaScript 中嵌入 PHP

jquery 检查元素显示状态然后隐藏它

javascript - 如何控制2个代码块的执行?

javascript - 从 puppeteer .innertext js 获取数据时遇到问题

javascript - 手动触发iFrame的onLoad事件