2012-10-31 48 views
1

我在窗体上使用https://github.com/badsyntax/jquery-spellchecker,我想将它应用于几个文本输入而不是一个textarea。jquery spellchecker上的几个输入

的总体思路是这样的:

var spellchecker = new $.SpellChecker('.my-class', { 
    lang: 'en', 
    parser: 'text', 
    engine: { 
     path: '/path/to/engines/php/spellchecker.php', 
     driver: 'google' 
    } 
    }); 

我怎么能分别定位到各个输入而不拼写检查分配选择的建议,所有的投入?

+0

目标将它们与一个id –

+0

我有更新我的答案 – badsyntax

回答

0

我是该插件的作者,并添加了对多个字段的支持。

这里是你如何能做到这:

(function() { 

    var fields = $('input:text,textarea'); 

    // Init the text spellchecker 
    var spellchecker = new $.SpellChecker(fields, { 
    lang: 'en', 
    parser: 'text', 
    webservice: { 
     path: '../php/spellchecker.php', 
     driver: 'pspell' 
    }, 
    suggestBox: { 
     position: 'above' 
    }, 
    incorrectWords: { 
     position: function(container) { 
     this.after(container); 
     } 
    } 
    }); 

    // Bind spellchecker handler functions 
    spellchecker.on('check.success', function() { 
    alert('There are no incorrectly spelt words.'); 
    }); 

    // Check the spelling 
    $("#check-textarea").click(function(e){ 
    spellchecker.check(); 
    }); 
})(); 

Download插件(目前为0.2.1)的最新版本,以获得这一新功能。

+0

谢谢!我看到你正在更新它,就像我正在寻找另一个解决方案。非常有用的插件。谢谢! – Tyler

+0

记住我的答案是正确的? ;) – badsyntax

0

由于谷歌停止了Chrome工具栏的拼写检查API,BadSyntax的JQuery拼写检查程序可能不再工作。

有一种替代(非自由)拼写检查jQuery插件(我制作) - 其可以轻松地定位的若干输入:

<script type='text/javascript' src='/JavaScriptSpellCheck/include.js' ></script> 

<script type='text/javascript'> 
$(function() { $('.my-class').spellAsYouType();}); 
</script> 

参考:http://www.javascriptspellcheck.com/jquery-spell-check/