Tag: jquery validate

如何通过jquery validate plugin执行条件客户端validation

在这里我给我的HTML。 我有一个下拉列表,显示很少的产品信息,并通过复选框显示爱好。 我想如果用户选择产品iPod然后validation将不会激发业余爱好复选框其他明智的火。 如何通过jquery validate plugin添加jquery规则来执行这种条件validation。 DateValTest Products — Select Product– IPhone MacBook Pro iPod Hobbies   Reading     Sports     Movies   现在我正在通过这种方式进行客户端validation var declarationsError = $(‘#Hobbies-error’); $(‘form’).submit(function () { if ($(“#SelectedProductId option:selected”).text() != ‘iPod’) { if ($(“.hobbycls:checkbox:checked”).length <= 0) { declarationsError.empty(); declarationsError.append("Select Any Hobbie’s checkbox”); declarationsError.show(); return false; } else { […]

jQueryvalidation无法按预期工作

我正在使用jQuery validate(),当我只是: $(“#myForm”).validate({ onfocusout: function (valueToBeTested) { if($(valueToBeTested).hasClass(‘required’)){ if(this.element(valueToBeTested)){ $(valueToBeTested).addClass(‘valid’); } else{ $(valueToBeTested).addClass(‘invalid’); }; }; } rules: { …(rules here) } }); 它工作正常。 但是当我尝试添加像onkeyup或submitHandler这样的东西onkeyup : $(“#myForm”).validate({ onfocusout: function (valueToBeTested) { if($(valueToBeTested).hasClass(‘required’)){ if(this.element(valueToBeTested)){ $(valueToBeTested).addClass(‘valid’); } else{ $(valueToBeTested).addClass(‘invalid’); }; }; }, submitHandler: function(i){ var badForm = false; var errmsg = “”; var $required_fields = $(“.required”); $required_fields.each( function(i) […]

使用jqueryvalidationerrorPlacement以获取特定div中的错误消息

我试图使用jQuery Validate的errorPlacement函数来发出错误消息,但我无法弄明白。 每当我点击提交时,输入都会向下滑动,而不是放在newsletterValidate div中的错误。 有没有人在我的errorPlacement代码中看到我做错了什么? $(‘#newsletterForm’).validate({ //errorClass: ‘invalid’, errorPlacement: function(error, element) { //element.val(error[0].outerText); //error.appendTo(element.next(‘div’)); error.appendTo(element.parent(‘div’).next(‘div’).find(‘#newsletterValidate’)); }, rules: { email: { required: true, email: true } }, messages: { email: { required: “Please enter your email address”, email: “Please enter a valid email address” } }, submitHandler: function(form) { event.preventDefault(); var datastring = $(‘#newsletterForm’).serialize(); $.ajax({ url: […]

Jqueryvalidation不工作

通常我已成功在My HTML上安装Jqueryvalidation。 现在停止,我混淆validation不能正常工作。 这是HTML脚本 Nama : Email : Kota : 而js脚本就是这样的 $(function(){ $(“#FORM_UNDIAN”).validate({ rules: { NAMA: { required: true }, EMAIL: { required: true, email : true }, KOTA: { required: true } }, messages: { NAMA: { required: “Nama belum terisi” }, EMAIL: { required: “Email belum terisi”, email : “Format email belum benar” […]

jqueryvalidation(至少有一个字段有文本)

所以我有这个页面有几个TextAreas(asp.net mvc)。 我需要validation其中至少有一个字段中包含文本。 我怎么能用jquery做到这一点? 这是我所拥有的textAreas的一个例子! 提前致谢 ;)

jQueryvalidation – 如何在errorPlacement回调中分离错误?

errorPlacement: function (error, element) { $(‘#div’).append(error.html()); } 我想在调用此函数时在我的网页中的div中附加错误列表。 现在我只是调用error.html(),它给出了连接在一起的消息函数中列出的错误的完整列表。 在div中的ex: 标题是必需的字数必须在50到65之间。图片是必需的 如果需要,我可以提供更多代码。

jQueryvalidation:require_from_group未触发

在我的表单上,我试图要求至少需要一个复选框。 但是,似乎没有调用’require_from_group’函数。 这是表格: Request your visitor’s guide today. First Name Last Name Email Address ZIP Code Street Address City State View guide online Mail me a printed guide Receive future emails and information Submit 这是我的jQuery: form.validate({ debug: true, onfocusout: false, rules: { ‘FirstName’: ‘required’, ‘LastName’: ‘required’, ‘EmailAddress’: { required: true, email: true }, ‘ZipCode’: { […]

如何使用JQuery Validation Plugin进行条件成功检查?

我正在尝试使用JQuery Validation插件,但我遇到了一个小问题。 我的表单使用以下方法隐藏/显示所需内容: …Page 1 form content… …Page 2 form content… 表格有两页……这是第1页上的按钮,允许用户继续。 showLayer()函数只是切换传递元素的可见性。 唯一需要validation的内容是第1页,此按钮位于此处。 我想要做的是先使用Continue按钮调用.validate()然后成功validation后再进入第二页。 研究表明,让onClick调用多个函数是一件容易的事情: 虽然这在“技术上”起作用,但是用户发现他自己正在查看第2页内容而不知道他/她在第1页上呈现validation错误,除非他们点击“返回”按钮。 显然不是一个非常有用的情况! 我试过这个,但仍面临同样的基本问题。 function formValidate() { .validate(); showLayer(‘page2’); } 假设所有validation都通过,则需要确定validationfunction是否成功返回,然后有条件地继续到第2页。 在研究了插件文档后,我发现以下内容是我最有可能(我认为 )实现此目的的候选者: “invalidHandler” $(“.selector”).validate({ invalidHandler: function(event, validator) { var errors = validator.numberOfInvalids(); if (errors) { var message = errors == 1 ? ‘You missed 1 field. It has been […]

客户端validation无效

我实现了客户端validation,即Model和HTML指定的Required attributes 。 ValidationMesssage用于.cshtml并引用了JQueryvalidation器,当我点击“ save button时工作正常。 但是当我实现按钮的onClick event和ajax调用时,validation似乎无法正常工作。 我尝试使用IsValid但没有运气。 请找到以下代码。 调节器 [HttpPost] public ActionResult AddClient(ClientModel clientData) { var clientObj = new Metadata.Client.Service.Client(); string successMessage = string.Empty; clientObj.ClientType = new Metadata.Client.Service.ClientType(); clientObj.ClientName = clientData.Client.ClientName; clientObj.ClientCode = clientData.Client.ClientCode; clientObj.ClientType.ClientTypeId = clientData.ClientTypeSelectId; try { clientObj = clientData.AddNewClient(clientObj); } catch (Exception ex) { return new ContentResult { Content = […]

错误消息使用jquery Validation插件出现在错误的位置

我试图在一个页面中使用Laravel,bootstrap和jquery,遗憾的是我是他们所有人的新手。 我遇到的问题是使用jquery Validation插件在错误的位置显示错误消息,在下图中,突出显示错误位置的消息。 如您所见,每个无线电都包含在标签标签中,这在Bootstrap CSS中是必需的。 我试图找出消息插入后的哪个元素,但我失败了。 任何人都可以告诉我应该更改哪部分代码以在所有无线电之后移动错误消息以及如何?