gpt4 book ai didi

javascript - jquery,尝试在表单中提交空字段时发出警报

转载 作者:行者123 更新时间:2023-11-30 08:06:58 25 4
gpt4 key购买 nike

我敢肯定我一定错过了一些非常明显的东西,但我这辈子都看不到它是什么。

我有下面的 javascript,当我点击提交时,它(理论上)会查看表单,并告诉我是否将“RefNo”字段留空(在最终表单中会有多个字段需要检查,所以我已经使用 class='required' 来识别它们)。但到目前为止,当我点击提交时,什么也没有发生(除了提交了缺少数据的表单)。

我尝试了在 Internet 上找到的各种选项,这似乎是最有希望的。

如果有人能看到我做错了什么,将不胜感激。

<html>
<head>
<script language="JavaScript" src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function submitForm()
{
$("#Form1").submit(function()
{
$('.required input').each(function()
{
if ($(this).val() == '')
{
$(this).addClass('highlight');
}
}
);

if ($('.required input').hasClass('highlight'))
{
alert("Please fill in a Ref Number and try again");
return false;
}
}
);
}
</script>
</head>
<body>

<form method="POST" action="test9.php" name="Form1" ID="Form1">
<input TYPE="text" ID="RefNo" NAME="RefNo" VALUE="" size="25px" class="required"></input>

</br>

<p>
<input type="submit" Name="submit" id="submitButton" value="Report History" onClick='submitForm()'></input>
</p>
</form>
</body>

最佳答案

您的选择器应该是 $('input.required'),而不是 $('.required input')

关于javascript - jquery,尝试在表单中提交空字段时发出警报,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16738737/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com