空白或空消息错误消息 - html 没有 PHP

Question

我想用 HTML 或 Javascript 而不是 PHP 当文本为空时出现错误消息。我已经创建了代码，它是我的代码表单的一部分，其中包含文本 name.I 在这里看到了教程或相同的答案，但我无法做到这一点。

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="jquery-1.7.1.min.js"></script>
    <script>
   function ValidateForm() {
    if($("#onoma").val()=="") {
        $("#error_msg").html("Field needs filling");
    }              
}

    </script>

在 body 部分我有这个代码：

<label  class="required"  for="onoma">Όνομα</label>
    <input type="text" id="onoma" name="firstname" placeholder="Your name..">

Answer 1

一个选项是：

如果您的输入文本框在 <form> 中（可能应该是），您只需将 required 放在文本框上，它会在您尝试提交表单时自动验证，不需要任何类型的脚本。

演示：

<form>
  <label class="required" for="onoma">Όνομα</label>
  <input type="text" id="onoma" name="firstname" placeholder="Your name.." required>
  <button type="submit" name="submit">Submit</button>
</form>

文档：https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/required

HTML5 中还有各种其他内置验证功能 - 请参阅 https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation 了解概述。

空白或空消息错误消息 - html 没有 PHP

blank or empty message error message - html no with PHP

html

javascript

validation