我看到這個驗證插件http://demos.usejquery.com/ketchup-plugin/我想知道,你如何確定輸入的位置?有了這個插件,你可以看到,顯示一條消息,但是它是如何知道錯誤輸入的確切位置並將消息恰好放在那裏?如何知道javascript的輸入位置
0
A
回答
1
後你得到的元素(可能通過ID),在原始的JavaScript:
element.offsetLeft
element.offsetTop
或用jQuery的跨瀏覽器.offset()功能。
驗證Html5已經這樣做了。您並不需要使用Javascript進行驗證。也有pollyfills可用,當瀏覽器不支持html5表單驗證時,可以使用它。
2
這個插件的源代碼,具體地,一個用於錯誤消息容器看起來像這樣:
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/
相關問題
- 1. 如何知道角色將在哪個位置輸入?
- 2. 不知道如何將Javascript的輸出定位到HTML頁面
- 3. 如何知道ItemTemplate的序號位置
- 4. 我如何知道「Program Files」的位置?
- 5. 如何知道mysql my.cnf的位置
- 6. 如何知道一個點的位置?
- 7. 如何讓JavaScript知道我在網站上的位置?
- 8. 如何知道從庫中導入的python函數的位置
- 9. 如何知道文檔加載javascript時輸入的屬性
- 10. 如何知道一個位置(.txt)
- 11. SyntaxError的未知位置:'意外的輸入結束'Javascript
- 12. 的Python API知道位置
- 13. 不知道如何按輸入
- 14. 如何知道何時在Angular 2中設置了[輸入]?
- 15. 我們如何知道wcf服務的輸入/輸出類型?
- 16. C++不知道如何讓我的程序輸出空間的位置
- 17. 如何操縱輸入框的位置?
- 18. javascript如何知道以毫秒爲單位的日期時區?
- 19. SQL腳本知道數據的位置
- 20. 知道在RabbitMQ任務的位置
- 21. Java:Howto知道jar在Linux中的位置
- 22. 如何輸入日期和位置與時間一起在javascript
- 23. 的iOS如何知道我穿越的特定位置
- 24. 如何知道Andengine在manageupdate中的身體以前的位置?
- 25. 如何知道preg_match找到的單詞的位置
- 26. 如何知道c#中的財產位置的層次結構?
- 27. 如何知道設備屏幕上的collectionview單元的位置
- 28. LinkedIn如何知道或跟蹤我嵌入其小部件的位置?
- 29. grep如何知道它正在寫入輸入文件?
- 30. 鬼怪haskell功能,不知何故知道你的輸入