Jquery 在验证失败时引发错误

请检查代码

HTML代码： 我创建了一个表单，其中有两个文本框（fname，lname）。现在假设我保持textbox1为空，然后按tab键进入下一个textbox。当我移动到第二个textbox时，textbox1的右侧应该显示一条错误消息（请填写fname box）

---

请检查涂层并纠正它。我的代码不显示在这里。如何复制-粘贴代码在这里，以便它可以被提前看到。我是新的，所以请…

您希望触发的事件称为“模糊”，可以像这样连接：

<input type="text" name="fname" id="fname" onblur="javascript:validate_form();" />

现在，“validate_form”函数将连接到fname字段上的“blur”操作

要在StackOverflow上发布代码，请突出显示问题和答案的代码部分，然后单击标有“101010”的按钮将其作为代码阻止

另请参阅TheAcconBear关于使用.html（）而不是.val（）的评论

---

编辑：添加了jQuery版本，并保留了旧的输入供up投票者使用。

Cryo提到您需要onblur事件，但我认为您还需要修改代码，将错误消息设置为在jQuery中使用html（）而不是val（）方法。e、 g

$('#p1').html("Please fill in fname");

onclick=“return validate_form（）；”>

不要将表单验证代码放在SubmitonClick上。它属于提交表单。这样，您就可以保证无论表单如何提交，代码都会被调用

如果（document.form.fname.value==“”）

您在该控件上有一个

id

，最好使用

document.getElementById（'fname'）

，或者，因为您似乎在使用jQuery，

$（'fname'）.val（）

。这两种方法都是明确的，直接从

文档

和

表单

对象访问输入可能是不明确的

$（'#p1'）.val（“请填写fname”）

---

val（）

用于表单字段而不是文本内容。你想要

.text（'message'）

坦白说，我很后悔编辑了这个。Chacha102，我想我编辑了你。我的道歉。不，我只是希望我没有这么做。主要是因为我希望这篇文章能花上几秒钟的时间来阅读如何在上面发表文章。我很后悔看到了修改历史……啊。我同意。Deepak，请投入更多的时间和精力来正确地沟通您的问题，并整洁地展示您的代码。我喜欢jQuery。这真的让我更容易将HTML和Javascript分开。这样，HTML就不会加载Javascript命令。这是我在工作中使用的所有东西，我鼓励和我一起工作的每一个人也拿起它。JavaScript现在实际上很有趣。

<input type="text" name="fname" id="fname" onblur="javascript:validate_form();" />

$(function() {
  $('#fname').blur(validate_form);
});

$('#p1').html("Please fill in fname");