How to allow / block Emojis / Emoticons in HTML forms

Sometimes Emojis may break our forms, especially when we need to save into a database or send information by email, here is a way to fix that.
How to allow / block Emojis / Emoticons in HTML forms
How to allow / block Emojis / Emoticons in HTML forms

In order to block all inputs and textareas from allowing Emojis, Add the following script at the botto of your page: (JQuery) This code is already integrated in all multimediaXP projects

 

$("textarea").not(".allowemoji").keyup(function(){

var strng = $(this).val();

var cleanStr = removeEmojis(strng);

$(this).val(cleanStr);

});


$("input").not(".allowemoji").keyup(function(){

var strng = $(this).val();

var cleanStr = removeEmojis(strng);

$(this).val(cleanStr);

});


function removeEmojis (string) {

  var regex = /(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff]|[\u0023-\u0039]\ufe0f?\u20e3|\u3299|\u3297|\u303d|\u3030|\u24c2|\ud83c[\udd70-\udd71]|\ud83c[\udd7e-\udd7f]|\ud83c\udd8e|\ud83c[\udd91-\udd9a]|\ud83c[\udde6-\uddff]|\ud83c[\ude01-\ude02]|\ud83c\ude1a|\ud83c\ude2f|\ud83c[\ude32-\ude3a]|\ud83c[\ude50-\ude51]|\u203c|\u2049|[\u25aa-\u25ab]|\u25b6|\u25c0|[\u25fb-\u25fe]|\u00a9|\u00ae|\u2122|\u2139|\ud83c\udc04|[\u2600-\u26FF]|\u2b05|\u2b06|\u2b07|\u2b1b|\u2b1c|\u2b50|\u2b55|\u231a|\u231b|\u2328|\u23cf|[\u23e9-\u23f3]|[\u23f8-\u23fa]|\ud83c\udccf|\u2934|\u2935|[\u2190-\u21ff])/g;

  return string.replace(regex, '');

}
 
To allow emojis on the forms, simply add the class "allowemoji" to the input and textareas
 
<input name="message" class="allowemoji" value="" />

Comments

Get a Quote

Get a Quote