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



当文本为空时,我想用HTML或Javascript而不是PHP来处理一条错误消息。我已经创建了代码,它是我的代码表单的一部分,有一个文本名称。我在这里看过教程或相同的答案,但我没能做到这一点。

<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>

在身体部位我有这个代码:

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

一个选项是:

如果您的输入文本框在<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以获取概述。

相关内容

  • 没有找到相关文章