我正在使用
jquery验证插件:
http://bassistance.de/jquery-plugins/jquery-plugin-validation/
只有当验证通过时,我想要禁用提交按钮:
试过
$("#submit").click(function() { $(this).attr("disabled","disabled"); });
但是即使验证失败,它也会禁用提交按钮.是否有一种方法只能在验证通过时禁用提交,并提交提交事件?
解决方法
看看源代码,看起来你应该能够覆盖invalidHandler,其中的一些是:
$("#form").validate({ submitHandler: function(form) { // disable your button here form.submit(); },invalidHandler: function() { // re-enable the button here as validation has Failed } });
一目了然,这似乎是你想要使用验证插件来做这个事情的方式,但我不幸的是没有时间atm来解决它,以确保它的工作原理.
编辑:
这应该是’呃(我使用一个文本字段,名称为fname进行测试):
$('#frm').bind('invalid-form.validate',function(){ // you can add extra validation handling here if you want to }); $('#frm').validate({ rules: { fname: "required" },submitHandler: function(form){ $('form input[type=submit]').attr('disabled','disabled'); form.submit(); } });
一旦验证通过,submitHandler才会被击中.