Jquery 突出显示空白文本框

Jquery 突出显示空白文本框,jquery,html,forms,validation,Jquery,Html,Forms,Validation,我有一个表格,表格中的某些文本框作为表格的一部分提交: 我已经创建了一个演示 有人能帮忙吗?我希望当点击立即处理按钮时,任何空的文本框都以红色突出显示,并且表单不会提交并提醒用户 如果还有其他问题,请提问。您的代码正常工作,问题在于您没有将id添加到按钮: <input type="SUBMIT" name="ProcessNow" id="ProcessNow" value="Process Now" style="width:100px;height:30px"> .empty

我有一个表格,表格中的某些文本框作为表格的一部分提交:

我已经创建了一个演示

有人能帮忙吗?我希望当点击
立即处理
按钮时,任何空的文本框都以红色突出显示,并且表单不会提交并提醒用户


如果还有其他问题,请提问。

您的代码正常工作,问题在于您没有将
id
添加到按钮:

<input type="SUBMIT" name="ProcessNow" id="ProcessNow" value="Process Now" style="width:100px;height:30px">
.empty{
边框:1px纯红;
}

您的代码正常工作,问题是您没有将
id
添加到按钮:

<input type="SUBMIT" name="ProcessNow" id="ProcessNow" value="Process Now" style="width:100px;height:30px">
.empty{
边框:1px纯红;
}

兄弟,您在输入类型按钮中遗漏了Id名称。这就是你的代码不起作用的原因…哦!这就是原因。。。。我需要休息一下!兄弟,您在“输入类型”按钮中缺少Id名称。这就是你的代码不起作用的原因…哦!这就是原因。。。。我需要休息一下!这是一个更简洁的解决方案-当一条消息为空时,是否可以添加一条消息,说
“您有一个空白文本框?”
。当然,您可以在if条件中放置所需的任何代码。好的,最后一个问题。我已将其应用于我的网页,当我单击
立即处理
按钮时,它会突出显示文本框,但会继续处理页面。如何添加一个站点?因此用户可以返回编辑框?在
#ProcessNow
单击处理程序的末尾,添加以下行:
!isValid&&e.preventDefault()如果表单无效,这将停止提交事件。神奇!谢谢@RorymcCrossant这是一个更简洁的解决方案-当一个消息为空时,是否可以添加一条消息,说
“您有一个空白文本框?”
。当然,您可以在if条件中放置所需的任何代码。好的,最后一个问题。我已将其应用于我的网页,当我单击
立即处理
按钮时,它会突出显示文本框,但会继续处理页面。如何添加一个站点?因此用户可以返回编辑框?在
#ProcessNow
单击处理程序的末尾,添加以下行:
!isValid&&e.preventDefault()如果表单无效,这将停止提交事件。神奇!这真是一种享受:)谢谢@Rorymcrossan