大佬教程收集整理的这篇文章主要介绍了如何在jQuery验证后禁用/启用提交按钮?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
Jscript脚本:
<script src="js/libs/modernizr-2.6.2.min.js"></script> <script src="lib/jquery-1.11.1.js"></script> <script src="lib/jquery.js"></script> <script src="dist/jquery.validate.js"></script> <script> $.validator.setDefaults({ submitHandler: function() { signupForm.submit(); } }); $().ready(function() { //Desactiva el submit $(".submit").click(function () { $(".submit").attr("disabled",truE); $('#signupForm').submit(); }); // validate signup form on keyup and submit $("#signupForm").validate({ wrapper: "div",rules: { email: { required: true,email: true },password: { required: true,minlength: 5 } },messages: { email: "Use una cuenta de correo válida",password: { required: "Ingrese su contraseña",minlength: "La contraseña al menos debe tener 5 caracteres" } } }); }); </script>
形成
<form class="cmxform" id="signupForm" method="get" action="an-olvido-contrasena.asp"> <input type="hidden" value="1" name="inicializar"> <p> <div > Correo electrónico<br> <input id="email" name="email" type="email" required placeholder="Tu correo electrónico" <%if creado<>"1" then%>autofocus<%else%> value="<%=vEmail%>" <%end if%>><br> </div> <br> <input class="submit" type="submit" value="Aceptar"><br> </p> </form>
使用插件的submitHandler选项,因为只有在表单通过验证时才会点击按钮.
<script> $(document).ready(function() { $("#signupForm").validate({ wrapper: "div",minlength: "La contraseña al menos debe tener 5 caracteres" } },submitHandler: function(form) { // <- pass 'form' argument in $(".submit").attr("disabled",truE); form.submit(); // <- use 'form' argument here. } }); }); </script>
笔记:
> $().ready(function(){… is not recommended as per jQuery documentation.使用$(document).ready(function(){…或$(function(){…代替.
>当您已在.validate()中声明所需规则时,不需要所需的内联HTML属性.
> setDefaults()中的submitHandler被破坏了. signupForm.submit()行将不执行任何操作,因为SignupForm是一个未定义的变量.在.validate()中定义submitHandler并使用开发人员提供的form参数.
以上是大佬教程为你收集整理的如何在jQuery验证后禁用/启用提交按钮?全部内容,希望文章能够帮你解决如何在jQuery验证后禁用/启用提交按钮?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。