Tag: validation

jquery新手：将validation与隐藏提交按钮相结合

我是一个新的jQuery。 我已经validation了使用我的表单（MVC 1.0 / C＃）： if (document.forms.length > 0) { document.forms[0].id = “PageForm”; document.forms[0].name = “PageForm”; } $(document).ready(function() { $(“#PageForm”).validate({ rules: { SigP: { required: true } }, messages: { SigP: “A Sig Value is required. ” } }); }); 我还想隐藏“提交”按钮以防止在控制器完成和重定向之前导致重复输入（我正在使用GPR模式）。 以下工作用于此目的： // // prevent double-click on submit // jQuery(‘input[type=submit]’).click(function() { if (jQuery.data(this, ‘clicked’)) { […]

PartialView和不显眼的客户端validation无法正常工作

我目前正在使用ASP.NET MVC3 RC，我正在使用Brad Wilson在他博客上描述的不引人注目的JQueryvalidation。 它工作得很好但是当我将表单（在Ajax中）发送到服务器时，如果模型状态无效，我会进行一些服务器端validation并返回相同的行（包含在局部视图中）。 2个问题： 1st：当我在我的动作中return PartialView时，不呈现所有不显眼的属性。 我发现了一种“非优雅”的方式，但是当我这样做时，客户端validation就会被破坏。 从我的动作返回后，即使我在更新的行上调用jQuery.validator.unobtrusive.parse() ， $(“form”).valid()总是返回true，即使不是这样。 第二：我希望我的渲染视图在服务器上呈现为字符串，因此我可以将其发送回JsonResult（例如： myJSonResult.html=RenderPartialToString(“partialName”,model) ）。 有参考，有我的观点（editInvitation）： x.ID,new{id=”ID”}) %> x.GroupID,new{id=”GroupID”}) %> x.Name, new { id = “Name” })%>x.Name) %> x.Email, new { id = “Email” })%> x.Email) %> 我的控制器动作： if (TryUpdateModel(invitation)) { validModel = true; //Other stuff } if (Request.IsAjaxRequest()) { //TODO : I return a […]

结合JQueryvalidation，然后是ajax发布

我确信这很简单，但我是JQuery的新手。 我使用JQuery插件validation电子邮件地址，这是有效的，代码是： $(document).ready(function () { $(“#email”).click(function () { $(this).attr({value: ”}); }); $(“#subscribe-form”).validate(); }); 我当时想要做的是使用ajaxpost发布电子邮件地址，再次这个代码在没有validation器的情况下工作正常： $(document).ready(function () { $(‘#submit’).click(function () { var email = $(‘#email’).val(); var data = “email=” + email; $.ajax({ type: “POST”, url: “subscript.php”, data: data, }); }); }); 我似乎无法做到的是将它们两者结合起来，这样如果电子邮件有效，它就会发布。 我非常感谢有关如何做到这一点的帮助。 非常感谢

Javascript Regex将文本字段限制为仅限数字（必须允许不可打印的键）

我收到了以前开发人员的PHP / JS代码，我需要在手机号码字段中添加号码validation。 我已经有了HTMLvalidation，但是我需要添加一个，如果有人按下了无效的密钥，它不会显示只是为了稍后用红色突出显示该字段，因为它包含无效的输入。 我已经看过很多正则表达式并且尝试了它们，但是它们或者我需要的效果是：如果输入了字母或特殊字符，不接受也不显示，所有其他输入（数字，键）被接受（我需要根本不显示无效字符，不显示然后删除）。 现在最有效的正则表达式是这样的： function filterNonDigits(evt) { var event = evt || window.event; var keyentered = event.keyCode || event.which; keyentered = String.fromCharCode(keyentered); //var regex1 = /[0-9]|\./; var regex2 = /^[a-zA-Z.,;:|\\\/~!@#$%^&*_-{}\[\]()`”‘?\s]+$/; if( regex2.test(keyentered) ) { event.returnValue = false; if(event.preventDefault) event.preventDefault(); } 当我使用注释的regex1（IF条件反转）时，自然它将输入限制为只有数字，从而阻止所有键，如Delete，BackSpace等。当使用regex2时，我仍然无法按下删除或小键盘上的数字。 所以我的问题是，上面的代码可以修改为只接受数字而且还允许键吗？ 另一个重要的一点是，我需要一种不对这些键使用键码（8,24等）的方法，以确保可以使用所有键盘类型。 新更新： 所以我的解决方案如下：如果存在“oninput”属性，我使用Ehtesham提供的解决方案，如果不存在，则备份使用Rohan Kumar提供的解决方案。 所以它是这样的： if (obj.hasOwnProperty(‘oninput’) || (‘oninput’ in obj)) […]

jQuery复选框validation

我正在使用下面的jQuery代码来validation表单。 现在一切都很好但我希望复选框validation使用.validator而不是它当前的alert ，但是当我在复选框输入框中添加required=”required” ，我会收到所有复选框的消息，而我只需要一个。 $(“#request-form”).validator({ message: ”, position: ‘top left’, offset: [3, 40] }); $(“#see”).overlay({mask: ‘#999’, fixed: false}).bind(“onBeforeClose”, function(e) { $(“.error”).hide(); }); $(‘#request-form’).submit(function(){ if(!$(‘#request-form input[type=”checkbox”]’).is(‘:checked’)){ alert(“Please check at least one.”); return false; } }); 希望这是有道理的。 提前致谢。 小号

如何强制jQuery Validate检查数据库中的重复用户名？

我正在进入这个项目的中间，所以我不得不做一些重写，因为代码粗糙。 我使用的是jQuery 1.6.1和Validate 1.8.1。 首先，这是运行后端的PHP（ dbquery.php ）： include(“../includes/dbconnection.php”); session_start(); $location=”; $action=”; if($_GET[‘action’]==”) $action=$_POST[‘action’]; else $action=$_GET[‘action’]; if($action==’checkusername’){ $error=”; $username=$_GET[‘username’]; // exclude denied account $checkuserquery=mysql_query(“Select * from database_users as user LEFT OUTER JOIN database_approval as approval on user.user_id=approval.approval_user_id where (approval.approval_status IS NULL or approval.approval_status 4) and user_username='”.$username.”‘”); $checkuserresult=mysql_numrows($checkuserquery); if($checkuserresult>0) { $error = ‘false’; } else { $error […]

专注于引导选项卡中的必填字段

下午，我使用PHP，HTML5和Bootstrap。 我已经构建了一个分隔5个选项卡的表单，在这个表单中有几个必填字段。 所需的所有输入字段均为“text”，并且还标有required =“required”aria-required =“true”。 在提交时，如果在当前选项卡上，html5validation会捕获错误，但是我想使用一些jquery来重新关注尚未填充的正确选项卡和输入字段并显示警告框。 我不确定这是否可行.. 要么就是这样，如果更容易检查选项卡上的选项卡需要字段更改.. 页面上只有一个表单。 非常感谢 **编辑**我在修补后为必填字段创建了一个警报function，但它仍然不会改变选项卡以专注于必填字段。 ‘productbutton’是整个表单的提交按钮的ID。 ‘product_form’是我表单的ID。 $(‘#productbutton’).click(function(){ var error = 0; var msg = ‘An Error Has Occured.\n\nRequired Fields missed are :\n’; $(‘:input[required]’, ‘#product_form’).each(function(){ $(this).css(‘border’,’2px solid green’); if($(this).val() == ”){ msg += ‘\n’ + $(this).attr(‘id’) + ‘ Is A Required Field..’; $(this).css(‘border’,’2px solid red’); if(error == 0){ $(this).focus(); […]

如何在不使用提交按钮的情况下触发validation

我正在使用jQuery Validation插件并尝试使用备用按钮触发validation/提交。 我想创建一个jquery函数来改变css，然后运行validate函数。 我已经查看过以前回答过的问题，但是没有找到任何有关Validation插件和submitHandler函数的问题。 有什么建议？ 更新问题：我想使用的按钮放在表单之外。 使用位于该表单之外的按钮提交和validation表单的最佳方法是什么？ 这是代码： $(“#edit-button”).click(function(event) { $(‘#postAccordion2’).css(‘padding-bottom’, ‘0px’); $(‘#edit-button’).css(‘display’,’none’); $(“#applicant-form”).validate({ submitHandler: function(form) { $(form).ajaxSubmit({ type: “POST”, data: { “firstName” : $(‘#firstName’).val(), “lastName” : $(‘#lastName’).val() }, dataType: ‘json’, url: ‘./includes/ajaxtest.php’, error: function() {alert(“doh!”);}, success: function() {alert(“yippee!”);}, } }); return false; }, errorPlacement: function(error,element) { return true; }, rules: { “firstName”: { required: […]

Jquery，如何知道输入时有一个：无效的选择器？

我有这个代码： HTML CSS input[type=text]:invalid { background-color: red; } 使用Javascript $(“[data-type=input-records]”).die().live(“keypress”, function (e) { if (!($(this).val().length + 1) < 5) { e.preventDefault(); return; } // More code below… }); 我想做这样的validation： if (!$(this).hasSelector(“:invalid”)) { showMessage(“Invalid value”); }

Jquery Validator – 根据接受的值列表检查输入

我通常只使用下拉列表执行此操作，但客户端已请求它是文本输入… 基本上，我想使用Jqueryvalidation器来检查用户是否在文本输入框中输入了50个有效美国州缩写中的1个。 如果没有，他们会收到错误。 我似乎找不到这样做的function。 任何帮助是极大的赞赏！