jQuery技术:使用Jquery Validate + Tooltipstervalidation单选按钮的问题

我正在使用本帖中的示例中的Jquery Validation Plugin和Tooltipster Plugin 。

两个插件一起工作正常,必须validation输入类型,但是当我尝试validation一对单选按钮时单击提交按钮时,无论是否选择了单选按钮,表单都会被提交,尽管这些是明确要求的。

这是我正在尝试validation的表单

...
0426 0424 0416 0414 0412

<!---->

这是进行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/

    您还可以使用offsetXoffsetYposition选项进一步调整位置。 见选项 。

      以上就是jQuery教程分享使用Jquery Validate + Tooltipstervalidation单选按钮的问题相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/541458.html

      (0)
      上一篇 2021年1月3日
      下一篇 2021年1月3日

      精彩推荐