Jquery: 提交功能在发送表单时不起作用

Question

我有一个表单，我需要用 jquery 验证它，以查看某些字段是否为空，但是当我使用此函数提交它时：

$("#servicio-tecnico-1").submit(function( event ) {
        return validar_form();
});

当我提交函数时，它什么也不做，发送的表单也有空字段。 ¿我怎样才能让它发挥作用？

以防万一我在这里做了一个 JSFiddle

https://jsfiddle.net/ricardojriosr/hr97240j/1/

提前致谢

Answer 1

您可以使用jqueryvalidate 进行验证，然后提交。更多信息@http://jqueryvalidation.org/validate/

$(".selector").validate({
submitHandler: function(form) {
// do other things for a valid form
form.submit();
}
});

Answer 2

问题是你有 2 个变量 i 和 j，它们是在内部函数中声明的，当在内部函数外部使用时会抛出错误

$("#servicio-tecnico-1").submit(function (event) {
    var valid = validar_form();
    return valid;
});

然后

var i = 0;
$('.vfb-radio').each(function () {
    if ($(this).is(':checked')) {
        i = i + 1;
    }
});
var j = 0;
$('.vfb-checkbox').each(function () {
    if ($(this).is(':checked')) {
        j = j + 1;
    }
});

在上面的代码片段中，i/j 在 each 循环内并且在循环外使用

演示：Fiddle

但这2组代码可以简化为

var i = $('.vfb-radio:checked').length;
var j = $('.vfb-checkbox:checked').length;

演示：Fiddle

Answer 3

$("#servicio-tecnico-1").submit(function( event ) {

if ( validar_form() === true ) {
    //form is valid now submit it
    return;
  }
else {
      // prevent form submittal maybe return an error
      event.preventDefault();
}
});

Answer 4

您可以使用 jqueryvalidation 这样的插件它有据可查。还有一个演示 here，包括单选按钮。

Jquery: 提交功能在发送表单时不起作用

Jquery: submit function not working at sending form

php

jquery

forms

submit

form-submit