当文本为空时,我想用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以获取概述。