Zastępujesz sprawdzanie pisowni w przeglądarce?

Question

Piszę formularz z walidacją javascript, chciałbym zastąpić wbudowane sprawdzanie pisowni przeglądarki.

Na przykład, powiedzmy, że sprawdzam numery seryjne i wszystkie przekazują tekst wyrażeń regularnych. Chciałbym podkreślić tych, którzy w przeglądarce nie lubią, gdy przeglądarka podświetla słowa z nieważną pisownią.

Wszystko co mogłem wymyślić jest wyłączenie przeglądarki zbudowany w pisowni

Więc podsumowując

Czy istnieje prosty sposób zastąpić przeglądarce wbudowanego w sprawdzania pisowni (coś jak tak jak nadpisujesz komparator podczas sortowania tablicy w javascript)

Jeśli nie, czy istnieje prosty sposób naśladowania takiego zachowania?

Wielkie dzięki

Answer 1

Krótka odpowiedź; nie, nie ma interfejsu API Spellcheck, do którego można się podłączyć. Poza tym wydaje się, że są to różne cele; sprawdzanie pisowni dotyczy języka naturalnego, podczas gdy wydaje się, że naprawdę chcesz sprawdzać dane wejściowe. Lepiej po prostu zastosować inny kolor tła/obramowania lub podobną wskazówkę dla użytkownika za pomocą CSS, gdy twój kod JavaScript wykryje niepoprawny serial (zwłaszcza, że ​​każda przeglądarka i tak będzie inaczej renderować błędy pisowni).

Answer 2

Nie oceniłem kodu, ale CkEditorowi udało się wyłączyć sprawdzanie pisowni przeglądarki. Ma ustawienie config, który jest ustawiony na true domyślnie: disableNativeSpellChecker

config.disableNativeSpellChecker = true; 

ustawienie jest używane w wtyczce „wysiwygarea”, oto link do kodu wtyczki: wysiwygarea plugin

Może go używać jako Podstawa do własnego kodu, aby wyłączyć sprawdzanie pisowni przeglądarki.

Answer 3

Zobacz demo z poniższego adresu URL, który może być pomocny w Twoim przypadku, chociaż działa tylko z HTML5.

http://jsfiddle.net/0GiS0/ZU74B/

Oto kod one używane w demo:

window.onload = function(){ 

    var support = document.getElementById("support"); 

    if('spellcheck' in document.createElement('textarea')) 
    { 
     support.textContent = "Your browser supports spellcheck"; 
     support.style.color = "green"; 
    } 
}