Tag: validation

Jquery：表单validation不起作用: 我是Jquery的新手，希望你们能帮我解决这个jqueryvalidation问题。一直在尝试validation表单但它根本不validation。它接受我在字段中输入的任何内容，无论我设置了什么限制。请帮忙。谢谢。这是我的代码： $(function(){ $(‘#form’).validate({ alert(“bbbb”); rules: { name: { required: true, minlength: 2, maxlength: 20, lettersonly: true }, ssn: { required: true, minlength: 9, maxlength: 9, nowhitespace: true }, gender: { required: true }, mobile: { required: true, minlength: 10, maxlength: 13, digits: true }, address: { required: true, minlength: 10, […]

jQuery：validation是否选中了多个复选框之一（不同的名称，使用jQuery Validation Plugin）: 我有一个包含许多复选框的表单（使用自己的规则有太多意义），我需要使用jQuery Validation Plugin来确保至少选中其中一个。它们都有不同的名称，因此我到目前为止通过Google搜索找到的大部分解决方案都不适用于我。但是，我遇到了这篇文章，我稍微调整了一下这个扩展方法： // method for checking out checkboxes for the form validation $.validator.methods.checkboxes_checked = function(value,element,param) { return ($(‘#signup #checkboxes input[type=checkbox]:checked’).length > 0); } …如果选中任何复选框，则返回true或false。我不想逐字逐句地使用上面的方法，因为这需要为每个复选框制定单独的规则，因为我有很多（20+），这对我来说没有多大意义。我唯一的问题是我不知道如何将它连接到我的validation调用中，因为我在页面上没有“单个”元素来绑定它（因为，我的所有其他validation规则都绑定到特定的单个元素，而我上面的扩展方法 – 实质上 – 与20多个元素相关联）。以下是我的validation调用现在的样子： // validate the form $(‘#signup’).validate({ rules: { ‘bedrooms’: { required: true }, ‘maxrent’: { required: true }, ‘term’: { required: true […]

jQueryvalidation多个不相等的输入: 我已经设法在我的表单上设置了jQuery validate插件，并为两个字段提供了规则，其中的值不应该匹配。具体来说，电子邮件和email_2输入现在不能相同，这是有效的。但我真正需要的是以相同的方式validation多个输入（在这种情况下为4个）。我有电子邮件，email_2，email_3，email_4，但这些都不应该是平等的。你可以在我的jsfiddle中看到它，如果你有解决方案，你可以更新它并把它放回答案中： HTML： jQuery的： $.validator.addMethod(“notequal”, function(value, element) { return $(‘#email’).val() != $(‘#email_2’).val()}, “* You’ve entered this one already”); // validate form $(“#signupform”).validate({ rules: { email: { required: true, notequal: true }, email_2: { required: true, notequal: true }, }, }); validation所有输入的最佳解决方案是什么？

如何启用jqueryvalidation本地化？: 我有一个使用jquery mobile实现的注册表单。用户可以选择以德语，英语或法语填写此表单 – 有多个内部页面用于显示每种语言的表单。用户通过菜单按钮选择他们的首选语言。我正在使用jquery validate插件来处理客户端表单validation。这工作正常..我想知道如何在每个语言页面上为表单启用正确的错误消息？当您从github下载插件时，它包含所有本地化错误代码，但我不知道如何启用它。这是我用来处理为每个语言页面实现表单validation的JavaScript代码。如果您能帮助我为德语和法语页面启用正确的错误消息，谢谢。 $(document).on(“pageshow”, “#page_deutsch”, function() { $(“#register_deutsch”).validate(); }); $(document).on(“pageshow”, “#page_english”, function() { $(“#register_english”).validate(); }); $(document).on(“pageshow”, “#page_francais”, function() { $(“#register_francais”).validate(); });

最简单的JQueryvalidation规则示例: 以下HTML表单成功使用了jQuery的表单validation，如果留空，则在表单字段右侧显示“此字段是必需的”，如果输入的字符少于2个，则“请输入至少2个字符”。但是，我不想使用“cname”表单输入字段中的class和minlength属性指定validation元数据，而是使用jQuery的“规则”API，其中规则在validate函数的主体中指定。提前致谢： $(document).ready(function(){$(“#commentForm”).validate( /* rules/messages here */ );} ); A simple comment form with submit validation and default messages Name *

使用jQueryvalidation插件：onfocusout，onkeyup在生产站点上按预期工作: 我正在使用jQuery Validate插件 v.1.9.0它非常好用。但是我遇到这个问题，一旦用户提交表单并且有任何错误，它就会正确显示错误消息。问题是如果用户采取措施来纠正该错误，它不会更新消息。例如，如果需要字段，则在第一次收到消息时，用户开始键入，然后该消息应该消失。在文档中，它提到onfocusout和onkeyup用于此目的，默认情况下它们设置为true。有趣的是它似乎在我的本地工作站上运行，但是一旦我将代码上传到生产站点，它就会失败（默默地）。我以为我在某种程度上把它弄得很糟糕，所以我解雇了jsfiddle并放了相关的代码，看它是否也发生在那里。我很惊讶地看到它也在那里发生。所以我的问题是为什么它可以在我的本地机器上运行而不在生产站点上运行？ PS自包含示例http://jsfiddle.net/tankchintan/cge44/5/ UPDATE 为了复制这个问题，请做 – 转到jsfiddle页面。没有填写任何字段命中提交表单。它将显示除每个字段之外的错误消息。现在开始输入任何一个字段。您会注意到，即使规则已满足，错误消息也不会消失。在我的本地机器上，一旦我在现场输入任何内容，错误消息就会消失。

使用JQuery Validation Plugin进行条件validation: 我有一个简单的html表单，我已经使用JQuery Validation插件添加了validation。我让它适用于需要值的单个字段。我现在需要对其进行扩展，以便如果用户对问题回答“是”，则必须在“详细信息”字段中输入内容，否则“详细信息”字段可以留空。我正在使用单选按钮显示是/否。这是我完整的html表单 – 我不知道从哪里开始： $.metadata.setType(“attr”, “validate”); $(document).ready(function() { $(“#editRecord”).validate(); }); .block { display: block; } form.cmxform label.error { display: none; } Questions Questions Page 1 Questions Question 1 Yes No You must answer this question to proceed Details: Question 2 Yes No You must answer this question to proceed Details:

只允许英文字符和数字输入文字: 现场演示： http ： //jsfiddle.net/thisizmonster/DveuB/ 如何更改此选项，以便输入仅在键入时允许字符AZ，az，0-9，而不使用正则表达式？

如何在Jquery中validation电子邮件？: 我写了以下联系表单validation脚本。如何validation电子邮件字段？ div.contactForm { width:370px; margin:0 auto; } form.contactUs label { display:block; } form.contactUs input { margin-bottom:10px; } input.submit { margin-top:10px; } input.error { background:#FF9B9B; border:1px solid red; } div.errorMessage { color:#f00; padding:0 0 20px; } $(document).ready(function() { $(‘.errorMessage’).hide(); $(‘.submit’).click(function() { var name = $(‘input.name’).val(); var email = $(‘input.email’).val(); var phone = $(‘input.phone’).val(); if (name […]

在错误和焦点的情况下，jquery滚动到特定的div位置: 我有一个隐藏的div，在我的表单中有特定的错误消息。在表单提交之前，我运行一个validation例程来检查是否所有必填字段都填充了一些文本。如果没有，则在文本字段正上方可以看到具有“redAlert”类的div。我还希望在显示错误消息时，对话框窗口向右滚动到此位置。我知道有很多插件可用于此，但我想使用简单的Jquery来做。我试图A）使用类redAlert找到第一个可见的div，b）通过调用此div上的.offset（）然后c）在窗口对象上调用.scroll（）找到它的位置但是我没有得到这个上class。如果我完全错过了某些内容或者我的语法无效，请告诉我（我经常发现自己在使用Jquery时遇到语法错误）。以下是我的代码。另外 – 这只找到了可见的div（假设一次只有一个错误div），你能不能给我一个选择器来查找特定类的第一个可见div。 var errorDiv = $(‘.redAlert:visible’).attr(“id”); var scrollPos = $(“#”+errorDiv ).offset(); //alert(scrollPosition); // This alert always says ‘null’, why ? $(window).scroll(scrollPos); //Also tried scrollTo(); 非常感谢提前。