This super light weight plugin is intended to be used on user input fields to detect bad words, have a callback or silent those words.
Here is the working demo: https://jsfiddle.net/ajkgr5m6/12/
This plugin is written in native JS code so it does not have any dependency (not even jquery)
- Include the script file
<script src="/path/to/bad-words-detector.min.js"></script>- Create an element for which you want to restrict bad words
<input type="text" class="noble-input" />- Init the plugin
new BadWordsDetector({
selector : '.noble-input', // element selector to apply bad words detection
event : 'keyup',
replace : true,
replacementChar : '*' // relace bad words with `*` characters. Can be any other character as well
});That's it. You have set the bad words silencer on input on the fields having class noble-input.
| Key | Description |
|---|---|
| selector | (string) id, class or tagname of the element(s) for which you want to enable bad words detection |
| event | (string) event name on which the detector should be triggered. All the JS events are supported |
| replace | (boolean) if set to true, there must be a replacementChar as well to aid bad words replacement |
| replacementChar | (string)/(char) a single character that will be replaced with all bad word characters |
| handler | (function) optional callback function that needs to be executed whenever a bad word is detected in accordance with the desired event. This handler callback also returns two params element and slang respectively. (See the example file to clear idea) |
Missing your desired slangs? Please submit a pull request or contact me for slang list updation.
If you have any questions or ideas about plugin, please feel free to contact me at usafhassan@gmail.com