Tag: jquery validate

Jquery日期规则在firefox和IE中不起作用

我用jquery日期规则渲染了普通文本。 日期规则在chrome中正常工作但在Firefox和IE中无法正常工作。 请看我的代码块。 $(“#myform”).validate({ rules: { datepick:{ date:”MM/dd/yyyy” } }, messages: { datepick:{ date:”Give MM/dd/yyyy format” } } }); $(‘#datepick’).keyup(function () { $(“#ValidateDate”).submit(); }); 当我输入12 / 3err / 3001时,它会在所有浏览器中抛出错误 当我输入12/234/2333时,它会在firefox和IE中抛出错误的chrome。 另外,我想分享一个信息。 [DEPRECATED] date method 在上面的链接中,jQueryvalidation在Mozilla,IE浏览器中无法正常工作,即使对于普通的文本框也是如此。 请在上面的jquery链接示例中键入22/233/2222值,然后您可以找到以下输出变化 在铬: 在Firefox中: 请帮我解决这个问题….. 谢谢, Gobalakrishnan

jQuery Validation Plugin – 根据下拉响应制作复选框组

我第一次使用带有HTML表单的jQuery Validation插件。 我习惯使用普通的旧javascript,但我非常喜欢这个插件! 无论如何,我坚持尝试做一些有条件的validation。 场景:我在一个表单中有一个由两部分组成的问题。 第一部分是是/否下拉(必填)。 第二部分是一组复选框,如果您在上一个下拉列表中选择“是”,则必须至少检查其中一个复选框。 8. Some question to answer Yes or No to… Yes No If Yes, indicate which areas… a. Option A b. Option B c. Option C d. Other 请注意,这是一个相当大的调查的一部分,所以为了更容易和更快地整理,我使每个响应成为一个人,而不是使用数组。 我相信我用来validation复选框的代码来自: validation至少一个复选框 所以现在,我的函数看起来像这样: $(function(){ $.validator.addMethod(‘Q8yes’, function (value) { return $(‘.Q8yes:checked’).size() > 0; }, ‘Please check at least one box for […]

jQueryvalidation插件无法正常运行

我似乎无法弄清楚这里的问题是什么。 我已经尝试将我的js放在我的头脑中,在我的表格之下,在我的表格之上等等。他们似乎都没有做任何事情。 它只是在没有尝试validation的情况下提交页面 HTML: Submit A Lost Paw Please complete the form below. After being reviewed by a moderator, your listing will be posted for others to see. Pet Name: Date Pet Went Missing: Location: Age: Colors: Contact Name: Phone: Email: Additional Details: 使用Javascript: $(document).ready(function() { $(“#test”).validate({ errorLabelContainer: “#error-box”, wrapper: “li id=’error'”, rules: { pet_name: […]

event.preventDefault()在Chrome和Opera中不起作用

我正在使用jQuery Validation Plugin 1.9.0和jQuery 1.7.2。 我想用jqueryvalidation插件validation我的表单。 它在Firefox 20.0.1和IE 10中运行良好。但在Chrome(26.0.1410.64米)和Opera(12.14)中,我无法在不阻止validation的情况下单击取消。 这是我的javascript代码: submitHandler: function(form) { if (this.submitButton.value != ‘cancel’) { $(form).hide(); $(‘#load’).show(); $(form).submit(); } else { event.preventDefault(); } } 当我点击FF和IE上的取消时,我会按预期返回到我的网页主页,但是当我在Chrome和Opera中执行此操作时,我会显示错误消息,因为表单未完整填写。 在这两种情况下都调用了event.preventDefault(),但似乎行为因导航器而异。 你知道什么可能是错的吗? 谢谢你的帮助 !

jQuery Validate – 从select中获取值并基于值make make input required字段

我有一个带有选项的表单,其中包含3个选项“空白”,“是”和“否”。 我也有一个文本输入,这是这种情况的一部分。 我的HTML如下(Extract): Yes No If so please specify: jQueryvalidation代码(提取): $(“#online-application”).validate({ rules: { medical: { required: true }, medcon: { required: $(“#medical”).val() == “medyes” }, }, messages: { medical: “Please select an option.”, medicaltext: “Please enter your medical condition.”, }, 我的问题是,如何选择一个必填字段,如果选择值为“是”/“medyes”,则将医学文本输入设为必填字段。 但是,如果选择值为no或为空,则不必要求输入医学文本。

为更多字段设置相同的属性

我有两个或更多文本字段,我想对它们应用相同的属性,避免写两次或多次相同的代码 这不起作用: $(“#form”).validate({ rules: { ‘name’, ‘surname’:{ required: true, minlength: 3, maxlength: 50 } } }); 有任何想法吗?

jquery validate:如果有条件要求,则应用自定义方法

我的表单中有三个字段:状态,询问日期和预期日期 如果我的状态= A,我希望我的预期日期在validation中需要另外我希望我的预期日期validation总是大于询问日期 所以这是我的规则 rules: { status: { required: true, }, ask_date: { required: true, date:true, }, expected_date: { required: function(element){ if($(‘#status’).val()==’A’){ return true; } else { return false; } }, greaterThan: “#ask_date”, date:true, }, 如果字段满足要求的条件,我怎么能说调用greaterThan方法? “greaterThan”是自定义jqueryvalidation方法,我在这里使用单独的堆栈溢出validation结束日期大于jQuery的开始日期 jQuery.validator.addMethod(“greaterThan”, function(value, element, params) { if (!/Invalid|NaN/.test(new Date(value))) { return new Date(value) > new Date($(params).val()); } return isNaN(value) […]

如何使用jqueryvalidation插件检查至少两个单词?

所以我有这个: jQuery.validator.addMethod(“tagcheck”, function(value, element) { var space = value.split(‘ ‘); return value.indexOf(” “) > 0 && space[1] != ”; }, “At least two words.”); 工作完美,但如果我在第一个字符之前有一个空格或两个单词之间的空格,它就不起作用了。 任何的想法? 谢谢

使用jQueryvalidation器的valid()或element()方法与远程方法

jQuery validator valid()方法( http://jqueryvalidation.org/valid )检查所选表单是否有效或所有选定元素是否有效。 jQuery validator element()方法( http://jqueryvalidation.org/Validator.element/ )validation单个元素,如果有效则返回true,否则返回false。 但是,使用远程方法时,第一次检查表单时,两种方法都错误地指示元素通过validation。 如何使用valid()或element()与远程validation方法? https://stackoverflow.com/a/3884995/1032531提供了一个解决方案,但它与当前版本的jQuery Validator无法正常工作。 在异步调用运行时, element()不再返回undefined ,因为this.check( checkElement ) !== false (v1.13.1的第​​423行)只返回true或false 。 因此,可以任意暂停100毫秒,但不检查这是否是正确的时间量。 顺便说一句,我提出这个问题的原因是我希望使用jQueryValidator进行内联编辑。 https://jsfiddle.net/vctt9utd/显示除远程方法之外的工作示例。 Testing $(function(){ var validator=$(“#myForm”).validate({ rules: { bla: { minlength:2, maxlength:4, required:true, remote: “validate.php” } }, messages: { bla: { remote:”error message” } } }); $(‘#testit’).click(function(){ $(‘#bla’).val(‘test’); console.log($(‘#bla’).valid()); console.log(validator.element(‘#bla’)); }) […]

jquery validate不支持动态内容

jquery validate不支持动态内容 我使用jquery创建包含新内容的标签。 var tabCounter = 2, tabTemplate = “#{label} Remove Tab”; var tabs = $( “#tabs” ).tabs(); var tabContentHtml = $(“#tabs-1”).html(); 单击按钮时添加新选项卡 $(“#add_tab”).click(function(){ addTab(); }); function addTab() { var label = “Tab ” + tabCounter, id = “tabs-” + tabCounter, li = $( tabTemplate.replace( /#\{href\}/g, “#” + id ).replace( /#\{label\}/g, label ) ); tabs.find( […]