使用Jquery Validate + Tooltipstervalidation单选按钮的问题

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

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

这是我正在尝试validation的表单

  ... 
 Local  Movil  
    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工作得很好。 我已经阅读了两个插件的文档，但我找不到原因

提前致谢

Answer 1

您忘记在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选项进一步调整位置。 见选项 。