javascript - 使用javascript或jquery手动触发输入框中的验证错误

标签 javascript jquery html

我有一个输入框,它不属于表单的一部分。当用户单击按钮时,如果该字段为空,我想显示错误验证消息。当输入是表单的一部分时,我找到了解决方案,但是如果输入框不是表单的一部分,是否可以手动显示验证错误消息?

最佳答案

您可以在按钮的点击处理程序 https://jsfiddle.net/yzgmpqLo/ 中进行验证。我认为最好在“输入”字段本身中显示无效消息。

 <!DOCTYPE html>
 <html>
 <body>

 <script>

 function validateText() {
   var txtInput = document.getElementById("txtInput");
    if(txtInput.value.trim()=="") {       
      txtInput.value = "Invalid Entry";
      txtInput.style.color = "red";
    }else {
      txtInput.style.color = "black";
    }
 }

 </script>

 <input id="txtInput" type="text">
 <button type="button" onclick="validateText()">Validate</button>

</body>
</html>

关于javascript - 使用javascript或jquery手动触发输入框中的验证错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58108316/

相关文章:

javascript - 如何在jquery中解析这个json?

javascript - jquery 返回 false 不在从 onclientclick 按钮事件调用的函数中工作

javascript - AJAX:无效的 JSON 响应

javascript - 如何在 Selenium Python 中处理模态框或弹出框

javascript - 通过 jquery 检查文本字段是否为空

html - 内部 flexbox 父 div 的 100% 高度

javascript - 如何将键盘监听器添加到我的 onClick 处理程序?

javascript - 单击按钮本身以及其他按钮时更改按钮的图像源属性

javascript - 关于更改 url 或加载 url 的 Jquery 问题

html - 显示图标的最有效和最语义化的方式是什么?