javascript - 如何用javascript知道输入位置

Question

我看到了这个验证插件 http://demos.usejquery.com/ketchup-plugin/我想知道，如何确定输入的位置？正如您所注意到的，使用该插件会显示一条消息，但它如何准确地知道有错误的输入在哪里并将消息准确地放在那里？

Answer 1

该插件的源代码，特别是错误消息容器的源代码如下所示:

createErrorContainer: function(form, el) {      
  if(typeof form == 'function') {
    this.defaults.createErrorContainer = form;
    return this;
  } else {
    var elOffset = el.offset();

    return $('<div/>', {
             html   : '<ul></ul><span></span>',
             'class': 'ketchup-error',
             css    : {
                        top : elOffset.top,
                        left: elOffset.left + el.outerWidth() - 20
                      }
           }).appendTo('body');
  }
},

正如您所看到的，它使用 .offset() 方法来获取输入字段相对于文档的位置。

更多信息请点击:http://api.jquery.com/offset/