gpt4 book ai didi

jquery - 为什么 Validator jQuery 插件不使用此配置进行验证?

转载 作者:行者123 更新时间:2023-11-28 07:26:59 25 4
gpt4 key购买 nike

我在 Sharepoint .ascx 文件中有以下 HTML 和 jQuery,现在尝试验证一个“必填”字段(名称):

<html>
. . .
<form id="firstform">
<label class="firstblocklabel finaff-webform-field-label">Traveler's name:</label>
<input class="firstblockinput finaff-webform-field-input" type="text" name="travelername" id="travelername" title="Last Name, First Name, Middle Initial" required/>
</br>
. . .
</form>
</html>

<script src="http://bassassistance.de/jquery-plugins/jquery-plugin-validation" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('[id$=firstform]').validate();
});
</script>

...但是它不起作用;输入“travelername”输入文本并退出它为空,或添加一个值然后删除它并退出,不会在“travelername”文本输入元素附近调用“请输入一个 val”或任何它应该是的消息。

如您所见,“travelername”被标记为“required”,我引用了验证插件,并且我在 ready 函数中调用了 validate()。

我还需要添加对 .CSS 文件的引用吗?

注意:我也试过这个网址:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.14.0/jquery.validate.min.js" type="text/javascript"></script>

...但这也行不通。

请注意,我有一个类似的问题 here ,但在这种情况下,我没有使用任何代码隐藏,因此它应该更简单才能正常工作。

更新

一件有趣的事情发生了:在 IE 中运行我的页面时(我知道,这是我的第一个错误,但这是大多数用户拥有/使用的错误),我在浏览器。

为了调查可能是什么错误,我在 Chrome 中运行了该页面。在那里,它在页面上向我展示了错误是什么——“请求者姓名”输入文本元素成为焦点,并且“请填写此字段”消息出现在它旁边。一旦我在那里输入了一些东西,一切都很好。

那么:验证插件到底能不能正常工作?

在查看我的代码时,我发现是这样的:

boxRequesterName.Attributes.Add("data-group", "1");
boxRequesterName.Attributes.Add("required", "true");

我只是依稀记得添加了那个;显然,这是一个 HTML5 的好东西,Chrome 可以很好地配合使用,而我有点过时的 IE 版本看起来很奇怪(或困惑)。

所以也许这种方法对我来说实际上是更好的方法(添加显式 HTML5 代码而不是依赖插件)。

最佳答案

使用onfocusout

 $('[id$=firstform]').validate({
onfocusout: function(element) {
this.element(element);
}
});

添加了一个 plunker http://plnkr.co/edit/JRNNVag0IL1Hd5GKwEMh?p=preview

关于jquery - 为什么 Validator jQuery 插件不使用此配置进行验证?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31755192/

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