带有HTML、CSS和Javascript的简单登录表单

我正在尝试用HTML和CSS构建一个简单的登录表单，并使用Javascript进行空字段验证

这是我的

我试图验证文本框中是否有空文本，并使用css和HTML在每个文本框下面显示错误消息

CSS

Javascript

$("#txtUsername").parent().after("<div class='validation' style='color:red;margin-bottom: 20px;'>Please enter username</div>");

$（“#txtUsername”）.parent（）之后（“请输入用户名”）；

我试图遵循这一点，并复制相同的，但不知何故它不工作

有什么帮助吗

---

提前感谢。

在JSFIDLE中，jQuery不是作为库添加的。因此，不会调用jQuery验证代码

---

如果您添加jQuery，它就可以工作。

到底什么不起作用？您试图复制哪些功能，哪些部分不起作用？请定义“不起作用”。你会犯什么错误？请在您的问题中发布一个，并正确地标记它（看起来好像您正在使用jQuery，但标记丢失）不进行验证。如果您打开了JSFIDLE，我相信您已经注意到了。谢谢您的时间哦，我不知道这一点。谢谢much@Santosh不客气！请确保将此答案标记为已接受，以向社区展示它对您的帮助。

$("#txtUsername").parent().after("<div class='validation' style='color:red;margin-bottom: 20px;'>Please enter username</div>");