Question

您好我坚持使用jQuery验证，我基本上需要它，以便当表单在点击提交按钮时验证时，“需要字段”消息将输出到特定的div。

这就是我的尝试，但我知道我离开了：

$(document).ready(function () {

    $("#bookingform").validate();
    $(".small").append(".error");

});

.small是我想要显示div消息的"required field"代码。

Answer 1

如果您要检查的是该字段是否填写完毕，那么：

使用requiredField类在span中包装每一行（标签和输入组合）。然后使用以下JS

function()
{
  var error = false;
  $('.requiredField').each(function()
  {
    if($.trim($(this).find('input').val()) === '')
    {
      $(this).find('.class').text('required field');
      error = true;
    }
  });
}
if(!error)
{
  $('#bookingform').submit();
}

如果您正在进行特定的字段验证，请将行包装器上的类更改为requiredDate / requiredPhone，并将另一个$('.requiredDate').each添加到这些字段的特定验证中。

Answer 2

看起来你正在寻找的是errorPlacement这可以让你把错误信息放在你想要的地方。

$(document).ready(function () {
    $("#bookingform").validate({
        errorPlacement: function(error, element) {
            error.appendTo( element.prev().find('.small') );
        }
    });
});

error包含错误消息，element是带有错误

的表单字段

基本上上面的代码是说找到带有错误的元素，找到它之前的prev元素<label>元素，然后用find()找到里面的small类div它并将错误附加到它。

需要jQuery输入字段（表单验证）到特定的div

2 个答案: