Tag: validation

页面仍然在JQueryvalidation失败后回发

我有一个ASP.Net Web表单页面,我已经应用了JQueryvalidation。 问题是,当validation失败时,页面仍然会回发。 我有两个required : true文本框required : truevalidation。 这是我的提交按钮代码: Submit 这是JQuery的validation方法: $(function() { $(‘#validationForm’).validate({ errorElement:’span’, errorClass: ‘help-inline’, focusInvalid: false, //debugger; rules: { : { required: true }, : { required: true } }, messages: { : { required: “Please provide a valid name.” }, : { required: “Please specify a description.” }, }, invalidHandler: function […]

提交前jQuery检查输入不为空

我一直在寻找关于如何做到这一点的不同线程,并将以下脚本放在一起,但是,即使我输入输入所以它们不是空的,我也会弹出警报,表单不会提交。 任何人都可以看到我做错了什么,或者有更简单/更有效的方法吗? 谢谢, 奥苏 HTML: Name: Email: JS: // Validate form fields in Sign up form $(“.signup-form”).submit(function(){ var isFormValid = true; $(“.signup-form .required input”).each(function(){ if ($.trim($(this).val()).length == 0){ $(this).parent().addClass(“highlight”); isFormValid = false; } else { $(this).parent().removeClass(“highlight”); } }); if (!isFormValid) alert(“Please fill in all the required fields (highlighted in red)”); return isFormValid; });

语义UI表单validation – 仅在值不为空时才validation某些表单字段

我有一个表单,其中包含所需的字段以及可选的字段。 我正在使用Semantic UI的表单validation行为来validation字段。 但是,我想要实现的是表单validation行为仅在可选字段中包含值时validation它们。 示例可选字段: First name 必填字段示例: E-mail address 我试了一下,省略了emptyvalidation规则但是没有用。 是否内置了表单validation行为可以帮助我实现这一点,还是需要为可选字段编写自定义validation?

Javascript / Jqueryvalidationkeypress / keydown上的十进制输入

我正试图找到一种方法来validation按键上的文本输入,我想只在我的文本输入中包含数字,包括小数。 我正在采用jQuery.keydown的方法,检查密钥是什么,如果密钥不在允许列表中,则使用event.preventDefault()。 但从那时起我就读到各个浏览器的密钥不一致,我也担心不同的操作系统。 我遇到过这个问题,但是我不能说正则表达式,也不确定这是否符合我的需要: jquery – validation按键上的字符? 使用该方法,当键入00时,期望00.00的正则表达式将停止用户,因为在加密时检查正则表达式。 谢谢

我希望jQueryvalidation器将一个类添加到表单元素的父级

如何使用jQueryvalidation器在表单元素的父 上添加/删除类名(例如, validate ),以便通过仅设置一个类名来设置与该元素相关的所有内容? 标记是 Product of interest * Please name a product. 而默认的jQuery是 $(“#commentForm”).validate();

NANP电话号码的jQueryvalidation

我正在尝试validation我的表单。 在我的表格中是电话号码字段。 用户插入电话号码并进行validation以及格式化。 我在StackOverflow中通过其他地方的搜索阅读了很多其他类似的问题,但我被卡住了。 表单一直说我插入的有效数字无效。 我只关心NANP数字,我理解NANP数字格式如下:NXX-NXX-XXXX,其中N只能是数字[2-9] ,X可以是[0-9] 。 我不需要国家代码。 这是我的代码: function validatePhone(){ var error = 1; var hasError = false; var $this = $(this); var regex1 = /^(\()?[2-9]{1}\d{2}(\))?(-|\s)?[2-9]{1}\d{2}(-|\s)\d{4}$/; phone = $(this).val(); phone = phone.replace(/[^0-9]/g,”); if(!regex1.test(phone)){ hasError = true; $this.css(‘background-color’,’#FFEDEF’); } else{ area = phone.substring(0,3); prefix = phone.substring(3,6); line = phone.substring(6); $this.val(‘(‘ + area + ‘) […]

在AJAX提交之前进行jQueryvalidation

我有一个简单的注册表单,其中包含以下jQueryvalidation代码: $(document).ready(function(){ $(“#registerForm”).validate({ rules: { Username: {required: true, minlength: 6}, Password: {required: true, minlength: 6}, re_Password: {required: true, equalTo: “#Password”} }, }); }); 在我提交表单之前,它会正确validation。 当我想要对表单进行AJAX提交时,问题就出现了,因为表单不再validation并提交而不进行validation: 有效的默认值是: 如果有人能指出我正确的方向或给我一些起点来解决这个问题,我将不胜感激。 谢谢。 感谢Kundan Singh Chouhan我找到了解决方案,将以下代码添加到document.ready块: $(“#registerForm”).submit(function(){ if($(“#registerForm”).valid()){ xmlhttpPost(‘register.php’, ‘registerForm’, ‘signup-box’); } return false; });

Bootstrapvalidation无效

我正在尝试使用bootstrap进行validation。 我在这里试过解决方案,但它没有用。 Full name Email address Gender Male Female Other Say hello 我添加了正确的js文件,请参阅小提琴链接 。 请帮忙知道问题所在。

输入数字validation – 限制只输入数字或数字,int和float两者

如何限制输入字段只输入数字/数字int和浮动两者。 有时我们需要允许像amount这样的字段的整数和浮点值,所以在这种情况下需要validation。 没有可用的解决方案,但它们具有大尺寸代码。 因此需要一个简短但有效的代码。 Input box that accepts only valid int and float values.

jQueryvalidation – 根据其他字段更改“必需”属性

我在我正在构建的表单上使用jQuery Validation插件( http://docs.jquery.com/Plugins/Validation )。 表单由6个字段集组成,每个字段集包含3个文本输入,用于电子邮件地址,名字和姓氏。 标记的简化版本如下: 等等,直到ref_6。 但是,用户不一定需要完成每个字段 – 他们可能只选择填写字段集#ref_1和fieldset#ref_2中的输入,并将其他字段留空。 但是,如果他们输入例如ref_1的电子邮件,则还需要ref_1的名字和姓氏。 所以我需要做的是检查字段集中的所有3个输入。 如果它们都是空白的,则可以忽略它们,但是如果填写了其中一个输入,则必须同时完成两个邻居。 到目前为止,我所有的尝试都非常麻烦(观察每个人的变化,然后评估是否空洞……),任何帮助都会非常非常感激。 谢谢 更新: 我找到了一个类似问题的post,建议的解决方案是: $(‘#emailToName2’).keyup(function () { $(‘#emailToAddress2’).toggleClass(‘required’, $(this).val()); }); 但是这需要为每个输入重复上述逻辑,这对我来说似乎有些过分。 什么是更有活力的方法? 干杯!