我正在使用本帖中的示例中的Jquery Validation Plugin和Tooltipster Plugin 。
两个插件一起工作正常,必须validation输入类型,但是当我尝试validation一对单选按钮时单击提交按钮时,无论是否选择了单选按钮,表单都会被提交,尽管这些是明确要求的。
这是我正在尝试validation的表单
这是进行validation的脚本
$(document).ready(function () { // initialize tooltipster on text input elements $('#form1 input[type="text"]').tooltipster({ trigger: 'custom', onlyOne: false, position: 'right' }); $("#form1").validate({ errorPlacement: function (error, element) { var lastError = $(element).data('lastError'), newError = $(error).text(); $(element).data('lastError', newError); if(newError !== '' && newError !== lastError){ $(element).tooltipster('content', newError); $(element).tooltipster('show'); } }, success: function (label, element) { $(element).tooltipster('hide'); }, rules: { email2: { required: true, email: true }, donante: { required: true, minlength: "2" }, telf: "required", cel11: { required: true, minlength: "3" }, telefono11: { required: true, minlength: "7" }, telefono: { required: true, minlength: "7" }, Rtelefono: { required: true, minlength: "11" } }, messages: { email2:{ required: "Campo Requerido.", email: "Introduzca un email valido." }, donante: { required: "Campo Requerido.", minlength: "Debe tener min. 2 letras." }, telf: "Campo Requerido.", cel11: { required: "Campo Requerido.", minlength: "Debe tener 3 digitos." }, telefono11:{ required: "Campo Requerido.", minlength: "Debe tener 7 digitos." }, telefono: { required: "Campo Requerido.", minlength: "Debe tener 7 digitos." }, Rtelefono: { required: "Campo Requerido.", minlength: "Debe tener 11 digitos." } } }); });
很奇怪,因为没有使用Tooltipster插件,这个validation工作得很好。 我已经阅读了两个插件的文档,但我找不到原因
提前致谢
您忘记在type="radio"
输入上初始化Tooltipster。 注意下面jQuery选择器中的type="text"
…
$('#form1 input[type="text"]').tooltipster({...
你需要做这样的事……
$('#form1 input[type="text"], #form1 input[type="radio"]').tooltipster({...
演示: http : //jsfiddle.net/9qM6P/
或者,如果您想要radio
按钮的不同定位选项,请单独附加…
$('#form1 input[type="radio"]').tooltipster({ // attach to radio groups trigger: 'custom', onlyOne: false, position: 'top', // position for radio button groups offsetX: 0, // tweak horizontal position for radio button groups offsetY: 0 // tweak vertical position for radio button groups });
演示: http : //jsfiddle.net/9qM6P/1/
您还可以使用offsetX
, offsetY
和position
选项进一步调整位置。 见选项 。
以上就是jQuery教程分享使用Jquery Validate + Tooltipstervalidation单选按钮的问题相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。
本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。
ctvol管理联系方式QQ:251552304
本文章地址:https://www.ctvol.com/jquerytutorial/541458.html