Tag: validation

jqueryvalidation规则

我的手机validation取决于复选框(不,不要通过电话与我联系)。 如果选中此项,那么我将不需要运行电话validation。 我用Google搜索并找到了“依赖”function。 我有 $(“#myForm”).validate({ …. rules: { phone1: { required: { depends: “!#pri_noPhone:checked” }, number: true, minlength:3, } 它不会引发错误,但仍会尝试validation电话号码。 根据规则:我如何确保电子邮件和confirmEmail是相同的? 我有规则,信息分开。

如何在$ .ajax()之前或之前强制进行客户端validation

我有一个表单和不引人注目的validation已启用。 默认情况下,在提交方法中,客户端validation会被触发,并且(如果您有任何错误)表单如下所示: 甚至在将任何数据发送到服务器之前就会进行validation。 现在,如果要使用$ .ajax方法,则此行为不起作用。 客户端validation不起作用。 您必须手动检查javascript中的所有字段,失去DataAnnotations的所有优点。 有没有更好的解决方案? 我可以使用jquery的submit(),但我猜它没有像$ .ajax这样的回调。

哪种方法可以过滤文本字段的数值?

我正在开发一个文本字段,使用那种不允许您输入数字值以外的validation。 因此,我的初始代码看起来很简单,与此类似: $(textField).onKeyPress(function(e) { if (e.which 57) e.preventDefault(); }); 这是非常明确的,但转向(在所有浏览器的最新版本中)Firefox也会使用箭头键和删除/退格键来阻止移动,而其他浏览器则不会。 环顾四周,我发现我还需要检查这些键,并检查e事件参考中公开的不同属性。 我的最终代码看起来像这样: $(textField).onKeyPress(function(e) { var code = e.which || e.keyCode; if (code > 31 // is not a control key && (code 40) // is not an arrow key && (code 57) // is not numeric && (code != 46) // is not the delete […]

jQuery:带有必需select元素的HTML 5表单无效

我一直在使用$(‘select[required]’).is(‘:invalid’)如果浏览器支持pattern属性if(Modernizr.input.pattern) {} ,它在Firefox 4-7中工作正常,但Chrome和Safari都有问题。 所有其他validation工作正常,它只需要选择菜单,即 这是我的jsfiddle: http : //jsfiddle.net/mbCbt/ 。 基本上,您选择一个下拉项,它的意思是validation它。 在firefox中,选择’test’会说它有效。 选择“请选择”将表示其无效。 在Safari / Chrome中,选择“测试”会显示无效,然后选择“请选择”会使其有效。 再次选择测试将使其无效。 从那里,选择test2,它将是VALID,然后再次选择test,这次它将是有效的。 我假设它是一个jQuery的东西,因为浏览器正在从CSS中识别它的有效性… 思考? 我意识到这个函数没有任何官方支持(不是在jquery kb中),但我希望还有另一种解决方法。 我已经降低了对旧浏览器的validation检查,所以也许我应该回到webkit的那个?

struts2 jquery ajax和客户端validation不能正常工作

我使用了http://struts.jgeppert.com/struts2-jquery-showcase/index.action和http://code.google.com/p/struts2-jquery/wiki/Validation中的标准代码段。 但客户端和ajax服务器端validation不能协同工作。 问题是表单提交不会停止,即使我们阻止preventDefault或执行任何其他操作也会preventDefault操作。 Submit form bellow. AJAX Form with Validation User: Password: function customeValidation(form, errors) { //List for errors // alert(“in js”); var list = $(‘#formerrors’); //Handle non field errors if (errors.errors) { $.each(errors.errors, function(index, value) { list.append(”+value+’\n’); }); } //Handle field errors if (errors.fieldErrors) { $.each(errors.fieldErrors, function(index, value) { var elem = $(‘#’+index); if(elem) […]

如何在jquery中validation资金

如何在jquery中validation金钱,我可以输入的最大金额是9999.99所以我的要求是:1。它应该只允许数字和一个点2.max长度是7(包括点)3。前点最大长度是4 4。点最大长度为2后 目前我的文本框只允许使用以下代码的数字和一个点 $(‘#txtpaymentamnt, #txttenderamt’).on(“keypress”, function (e) { alert(e.which); if (e.which != 8 && e.which != 0 && ((e.which 57) && e.which != 46)) { e.preventDefault(); }

高级JQueryvalidation:避免某些条件的validation

我正在制作一个表格,我正在使用惊人的JQueryvalidation插件( http://docs.jquery.com/Plugins/Validation/ )。 此表格允许人们进行捐赠并指定他们是否将通过支票或信用卡付款。 我使用单选按钮显示信用卡asp面板或检查asp面板。 我的规则和信息都有效。 但是,我希望创建一个规则,避免根据另一个因素(信用卡面板的可见性设置为“隐藏”)validation表单的某些部分(信用卡面板)。 请原谅我即将淹没你的代码 – 我删除了大部分不相关的部分,只留下那些展示我的方法的人。 我的body_onload javascrip方法: function body_onload() { document.getElementById(”).style.display = ‘none’; document.getElementById(”).style.display = ‘none’; } 我的单选按钮用于选择付款方式: Payment Method:   Cheque    Credit Card 我冗长的validation方法: $(document).ready(function(){ jQuery.validator.addMethod(“phoneUS”, function(phone_number, element) { phone_number = phone_number.replace(/\s+/g, “”); return this.optional(element) || phone_number.length > 9 && phone_number.match(/^(1-?)?(\([2-9]\d{2}\)|[2-9]\d{2})-?[2-9]\d{2}-?\d{4}$/); }, ”    Please specify a valid phone number”); // validate […]

如何使用Codeigniter和Jqueryvalidation多维数组

嗨,我需要validation这样的多维表单 <input type="text" class="input-xlarge span5 req" id="contact_first_name" name="hotel[][contact_first_name]” value=””> <input type="text" class="input-xlarge span5 req" id="contact_last_name" name="hotel[][contact_last_name]” value=””> 我不知道最终数组的维度,因为输入是通过jquery动态添加的。 我正在使用Codeigniter Form_Validation用于服务器端,并通过JQuery使用JQuery Validator用于客户端。 这是我的form_validation规则 $config[‘add_hotel’] = array( array( ‘field’ => ‘hotel[][hotel_name]’, ‘label’ => ‘Hotel Name’, ‘rules’ => ‘required’ ), array( ‘field’ => ‘hotel[][contact_first_name]’, ‘label’ => ‘First Name’, ‘rules’ => ‘trim|required’ ), array( ‘field’ => ‘hotel[][contact_last_name]’, ‘label’ => […]

在Bootstrap Validator Form中停止默认表单提交

我已经看过几次,但是它们似乎并不适用于我的情况。 我的表单在测试validation之前提交。 形成: Title Value JavaScript的: $(‘#user_fact_form’).bootstrapValidator({ live: ‘enabled’, message: ‘This value is not valid’, submitButton: ‘$user_fact_form button[type=”submit”]’, submitHandler: function(validator, form, submitButton) { $.post(form.attr(‘action’), form.serialize(), function (result) { $(“#facts_tbody”).append(result.data); }); return false; }, feedbackIcons: { valid: ‘glyphicon glyphicon-ok’, invalid: ‘glyphicon glyphicon-remove’, validating: ‘glyphicon glyphicon-refresh’ }, fields: { key: { selector: ‘#key’, validators: { notEmpty: { […]

使用HTML5validation时如何绑定到提交事件?

使用HTML5validation…… 在HTML5浏览器中,validation发生在 submit事件之前 。 因此,如果表单无效,则提交事件永远不会触发。 我想将一个事件挂钩到表单提交中,以触发表单是否validation。 这是一个小例子,我在用户提交表单时尝试alert() 。 HTML: Example JavaScript的: $(function() { $(‘form’).submit(function() { alert(‘submit!’) }); }); 互动演示: http : //jsfiddle.net/gCBbR/ 我的问题是: 浏览器是否提供了一个可以绑定的替代事件,它将在validation之前运行?