Tag: validation

Jquery Validation插件 – 您可以从选项中启用“急切”validation吗？: 我正在项目中使用Jquery Validation插件。默认情况下，插件会在单击提交按钮时validation输入。该行为是“懒惰的”，以便对用户不显眼。如果发现错误，则validation变为“急切”并在用户纠正违规条目时validation输入。有没有办法通过一个选项覆盖最初的“懒惰”行为？我在文档中找不到任何解决方案。例：如果您查看此演示，您会注意到用户可以浏览表单，留下空文本框，当用户点击提交时，这些文本框将无法通过validation。如果用户最初在电子邮件文本框中输入了无效的电子邮件地址，则在单击提交按钮之前不会突出显示该地址。之后，在每次按键和模糊事件时validation输入。这就是我想从一开始就激活的东西。我理解插件创建者的设计选择，但我需要不同的行为。

带有display：none表单元素的jqueryvalidation器插件: 我正在使用此处的validation器插件来validation表单。我遇到的问题是，如果我将以下内容放在表单输入元素周围，则validation失败：我需要这个，因为我正在为输入元素使用其他UI控制层，并且不希望它们可见。它适用于内联和块元素，但我需要隐藏它。反正有没有解决这个问题？感谢您的任何反馈更新：我主要使用djangovalidation选择选项字段（即：{{form.select_option_element}}）如此有效： {{form.select_option_element}} ……不起作用发布后我似乎解决了它： {{form.select_option_element}} 然后它允许我validation该字段。

通过CSS将ValidationSummary与一个框包围在一起: 默认情况下，Html.ValidationSummary（）生成如下HTML： There were some errors… First Name too long Invalid Email Address 我想选择整个validation摘要并通过CSS在它周围添加一个边界框，所以我要添加一个这样的CSS类： .validation-summary-errors{ background-color:#D9FFB2; border: 1px solid #5CBA30; color:#000000; margin-top:15px; margin-bottom:15px; } 现在的问题是，这会在validation摘要消息和每条错误消息周围绘制单独的框。当然不是我的想法。我可以像这样在摘要周围添加一个div，但是如果没有validation错误，这将导致一个空的红色框，所以这不是这样的：我可以想到几种方法来解决这个问题：使用服务器端标记有条件地添加边界div 通过jQuery添加一个边界div 编写我自己的HtmlHelper包装器，打印一个CSS友好的ValidationSummary 但是，所有这些对于解决这样一个简单的任务来说都很尴尬。必须有更好的方法来做到这一点。也许还有其他一些编写CSS类的方法，所以当没有validation摘要时我没有得到一个空盒子？编辑：只是为了澄清，我正在调用这样的html帮助：编辑2：这个问题的范围是看我是否忽略了一些容易且显而易见的事情。好像我没有，所以我只需添加我自己的HtmlHelperfunction，以满足我的需求。我投票支持我自己的问题。

ASP.Net MVC 3不显眼的客户端validation不适用于下拉列表: 我有一个简单的下拉列表，列表中的第一项有一个空值。如果我没有在列表中选择任何内容，则客户端validation会忽略它。我使用注释属性在模型上根据需要设置了该字段。 @Html.DropDownListFor(model => Model.CCPayment.State, UnitedStatesStates.StateSelectList) [Required(ErrorMessage = “State is Required.”)] public string State { get { return _state; } set { _state = value; } } 有任何想法吗？我错过了什么吗？

Jqueryvalidation插件防止双重提交validation: 我正在使用jqueryvalidation插件： jQuery plugin: Validation 我想在validation通过时仅禁用提交按钮：它试过了 $(“#submit”).click(function() { $(this).attr(“disabled”, “disabled”); }); 但即使validation失败，这也会禁用提交按钮。有没有办法只在validation通过并发生提交事件时禁用提交？

jQuery Validator插件 – 检查mysql数据库中的现有用户名/电子邮件: 我已成功创建了一个表单，提交并将用户添加到mysql数据库，并使用’jQuery Validator’插件进行表单validation，除了检查用户名是否已存在于数据库中之外，一切都很好… 我花了大约8个小时阅读并试图找到一种方法来使用’jQuery Validator’插件定义一个新方法。我似乎无法理解如何检查数据库中输入的用户名或电子邮件，并返回它是否已经存在或使用jQuery。我的代码： jQuery.validator.addMethod(“checkExists”, function(value, element) { //No idea what to call here }, “Username already exists.” ); //<![CDATA[ $(window).load(function(){ $("form").validate({ rules: { username: {minlength: 3, required: true, checkExists: true}, email: {email: true, required: true}, pass1: {minlength: 3, required: true}, pass2: {minlength: 3, required: true, equalTo: "#pass1"}, country: {required: true}, tandc: {required: […]

validation表单的各个部分: 我已经将我的表格分成了div并使用Next按钮来购买和隐藏这些部分。我也在使用jQuery Validation Plugin为我做所有的validation。我需要知道的是如何逐节validation。所以这就是我所拥有的个人信息详细地址项目信息条款和条件默认情况下隐藏2,3和4以使表单不那么令人生畏。单击“个人信息”的下一个按钮将隐藏此div并显示“地址详细信息”等。最后一个屏幕有提交表单按钮，然后通常会validation整个表单，但我需要在用户继续操作之前validation每个部分。这是我认为应该起作用的： CSS .project-address {display:none;} HTML Project details Project name: Next Project address Project address: Next JQUERY //clicking the next button hides this section and shows the next section jQuery(‘.project-details .reg-next-button’).click(function() { // jQuery(“.project-details”).slideUp(); // jQuery(‘.project-address’).slideDown(); jQuery(‘.reg-project-name’).validate({ debug: true, rules: { projectName: “required” […]

URLvalidationREGEX – URL仅对http：//有效: 这个怎么运作我有一个输入字段来输入网站的URL，我想检查它，如果URL正常，我将给输入字段一个类（“validated_ok”）并删除一个类（“cf_required”），如果它错了，另一个四处走动。问题如果用http://写的，url应该是正确的，但实际上只有www （ www.google.ch ）。我怎么改变正则表达式？使用Javascript // CHECK WEBSITE $(“.cf_required[name=’website’]”).focusout(function() { var myVariable = $(this).val(); if(/^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/|www\.)[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[az]{2,5}(:[0-9]{1,5})?(\/.*)?$/.test(myVariable)){ $(this).addClass(“validated_ok”).removeClass(“cf_required”) } else { $(this).removeClass(“validated_ok”).addClass(“cf_required”); } });

如何动态添加和删除要由Parsley.jsvalidation的表单字段？: 我有一个表格（’#registrations’），我正在与Parsley.jsvalidation，到目前为止它工作正常。但是，我正在尝试动态删除表单字段并将新的字段添加到Parsleyvalidation中，具体取决于某人在选择下拉列表中选择的内容（’#manureurer’）。这是我的标记： Apple Blackberry HTC Huawei LG Motorola Nokia Samsung Sony Sony Ericsson 这是我的JS： //init parsley $(‘#registrations’).parsley(); $(‘#manufacturer’).change(function() { //define selected value var manufacturer = $(this).val(); //destroy parsley $(‘#registrations’).parsley(‘destroy’); //remove all models selects from parsley validation //if someone has previously selected a different manufacturer $(‘#registrations’).parsley(‘removeItem’, ‘#apple-models’); $(‘#registrations’).parsley(‘removeItem’, ‘#blackberry-models’); $(‘#registrations’).parsley(‘removeItem’, ‘#htc-models’); $(‘#registrations’).parsley(‘removeItem’, ‘#huawei-models’); $(‘#registrations’).parsley(‘removeItem’, ‘#lg-models’); […]

jquery中的errorClassvalidation插件？: 我在我的Web应用程序中使用jquery validate插件来validation表单以进行空白和其他简单validation。我使用下面的代码为我的表单设置jquery validate插件，其中有一个erroClass选项，我在其中定义了一个CSS类名authError ，我想在错误消息上应用它，但是它将同一个类应用于INPUT框作为好吧，我不想在INPUT框中应用它，只是想要它的错误信息。请检查并提供帮助。谢谢！ $(“#frmSignin”).validate({ debug: false, errorClass: “authError”, errorElement: “span”, rules: { username: { required: true, minlength: 10 }, password: { required: true } }, messages: { username: { required: “Please enter your username” }, password: { required: “Please enter your password” } } });