如何在codeigniter中阻止输入文本字段中的表情符号

     2023-05-08     128

关键词:

【中文标题】如何在codeigniter中阻止输入文本字段中的表情符号【英文标题】:How to block emoticons from input text field in codeignitier 【发布时间】:2018-12-10 06:25:19 【问题描述】:

我想以这样一种方式制作输入文本字段,它会阻止在文本输入字段中输入表情符号。我已经通过传递对特定路线的控制器进行了验证。这是阻止表情符号的正确方法吗?

控制器代码。

$this->form_validation->set_rules('registration', 'Registration', 'required|alpha_numeric');
           $this->form_validation->set_rules('odometer', 'Odometer', 'required|alpha_numeric');

查看代码:

<input type="text" name="odometer" placeholder="Odometer" class="form-control profileControl  odometer required number" id="odometer-<?php echo $vehicle_count; ?>" value="<?php echo $vehicle->intCarOdometer ?>"/>

<input type="text" placeholder="Registration" name="registration" class="form-control profileControl  registration required" id="registration-<?php echo $vehicle_count; ?>" value="<?php echo $vehicle->vchCarRegistration ?>" pattern="[a-zA-Z0-9]+"/>

【问题讨论】:

是的,它可以工作,但您也可以在使用 jquery 点击发送到服务器之前将其删除 文本输入的字母数字验证是​​阻止表情符号的正确方法? 不,它可能存在一些需要的字符。 我可以在视图中添加这个脚本吗? 是的,现在是onclick,您可以将其更改为onkeyup input 【参考方案1】:

您可以在使用 jquery 发送到服务器之前删除表情符号。

测试此代码。

var ranges = [
  '\ud83c[\udf00-\udfff]', // U+1F300 to U+1F3FF
  '\ud83d[\udc00-\ude4f]', // U+1F400 to U+1F64F
  '\ud83d[\ude80-\udeff]'  // U+1F680 to U+1F6FF
];

setTimeout(removeInvalidChars, 100);
function removeInvalidChars() 
  var str = $('.valid-text').val();
 
  str = str.replace(new RegExp(ranges.join('|'), 'g'), '');
  $(".valid-text").val(str);
 setTimeout(removeInvalidChars, 100);
<script type="text/javascript"  src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<input id="myinput" class="valid-text" type="email" name="myinput" value=" ? value 1 2 3 ? / "></input>

【讨论】:

10 毫秒的超时时间太快了(性能问题)。 100 可能是更好的价值 100 很长,可能在这 100 毫秒之间用户保存数据并将其发送到服务器。 我认为无法在输入中键入一些文本,然后在 100 毫秒内通过键盘和鼠标发送表单。更不用说在提交表单时可以删除表情符号。 现在是 100ms。谢谢

如何阻止用户更改文本字段

】如何阻止用户更改文本字段【英文标题】:howtoblockuserfromchangingtextfield【发布时间】:2015-07-0320:53:46【问题描述】:我有两个不希望用户更改的文本字段。有没有办法在Xcode6中做到这一点?我已经在文本字段中输入了文本,但... 查看详情

如何在 PHP CodeIgniter 中保存文本框中输入的数据

】如何在PHPCodeIgniter中保存文本框中输入的数据【英文标题】:howtosavethedataenteredintextboxesinPHPCodeIgniter【发布时间】:2018-06-0915:04:12【问题描述】:在PHPCodeIgniter应用程序中,有几个页面带有输入文本框和文本区域。如何在php中实... 查看详情

如何在 Codeigniter 中插入动态数据?

】如何在Codeigniter中插入动态数据?【英文标题】:HowtoinsertdynamicdatainCodeigniter?【发布时间】:2018-12-2111:29:52【问题描述】:我只想将动态生成的输入字段数据插入数据库。我的数据库表有三个字段,id(AutoIncrement)、product_name和ra... 查看详情

如何通过 jQuery+Codeigniter 获取值并显示在输入字段中?

】如何通过jQuery+Codeigniter获取值并显示在输入字段中?【英文标题】:howtogetvaluebyjQuery+Codeigniterandshowininputfield?【发布时间】:2013-12-0917:07:26【问题描述】:我遇到了一些关于从服务器接收值的问题,并在输入中显示该值。有时... 查看详情

当用户在输入字段中输入数据时,如何从车把页面获取 jquery 中的输入文本值?

】当用户在输入字段中输入数据时,如何从车把页面获取jquery中的输入文本值?【英文标题】:Howtogettheinputtextvalueinjqueryfromhandlebarpagewhenuserentersdataininputfield?【发布时间】:2020-12-2702:49:40【问题描述】:我有这个输入字段,在把... 查看详情

如何使用jquery将输入字段中的文本存储在变量中?

】如何使用jquery将输入字段中的文本存储在变量中?【英文标题】:Howtostoretextinavariblefrominputfieldwithjquery?【发布时间】:2021-02-2005:23:02【问题描述】:请回答这个问题谁知道答案,我第二次问这个问题,我在这里尝试输入字段... 查看详情

防止在文本字段输入中键入,即使字段未禁用/只读

...:36:56【问题描述】:即使我的字段未禁用或只读,我能否阻止HTML文本字段输入?我有这个要求。也许我可以通过JS或jQuery阻止所有输入?【问题讨论】:【参考方案1】:看到这个fiddle你可以使用 查看详情

如何在 HTML/CSS 中的输入类型文本字段中添加图标? [复制]

】如何在HTML/CSS中的输入类型文本字段中添加图标?[复制]【英文标题】:HowtoaddanicontoaninputtypetextfieldinHTML/CSS?[duplicate]【发布时间】:2021-02-1521:14:15【问题描述】:出于练习目的,我想复制Google的前端。我正在努力在Google搜索栏... 查看详情

如何仅在文本字段中输入数字[重复]

】如何仅在文本字段中输入数字[重复]【英文标题】:howtomakeinputinTextfieldonlyNumeric[duplicate]【发布时间】:2015-09-1904:23:56【问题描述】:我制作了一个计算器,其中包含2个文本字段,数字1和数字2和4用于操作+、-、x和/的按钮,以... 查看详情

如何以角度停止输入类型=“文本”字段中的字符

】如何以角度停止输入类型=“文本”字段中的字符【英文标题】:HowtostopthecharactersinInputtype="text"fieldinangular【发布时间】:2019-11-0811:33:22【问题描述】:我的客户要求如下1.输入字段应该是文本2.不允许字符3.它应该有0-10... 查看详情

在javascript替换中阻止光标跳转到输入字段的末尾

】在javascript替换中阻止光标跳转到输入字段的末尾【英文标题】:Stopcursorfromjumpingtoendofinputfieldinjavascriptreplace【发布时间】:2012-01-0309:56:07【问题描述】:我正在使用正则表达式从javascript(在IE中运行)的文本输入区域中去除... 查看详情

如何获取新值并取消文本输入字段中的事件?

】如何获取新值并取消文本输入字段中的事件?【英文标题】:Howtogetthenewvalueandcanceltheeventinantextinputfield?【发布时间】:2021-08-0119:11:59【问题描述】:我有一个输入(type=text),我想检查该值在更改后是否有效。目前我是这样做的... 查看详情

以编程方式选择输入字段中的部分文本

...tinaninputfield【发布时间】:2010-10-1309:28:44【问题描述】:如何以编程方式在HTMLinput字段中选择特定范围的文本?(我不想选择整个字段,只是一个子集)另外,如何确定字段中当前选择的范围?【问题讨论】:你需要多解释一下... 查看详情

如何根据文本字段输入生成自定义表格视图?

】如何根据文本字段输入生成自定义表格视图?【英文标题】:Howtogeneratecustomtableviewbasedontextfieldinput?【发布时间】:2013-08-0607:42:12【问题描述】:我正在尝试创建一个应用程序,它有一个简单的根视图控制器,带有一个文本字... 查看详情

如何在ios中从5像素的文本字段中输入文本[重复]

】如何在ios中从5像素的文本字段中输入文本[重复]【英文标题】:Howtoentertextintextfieldfrom5pixelsafterinios[duplicate]【发布时间】:2013-05-1212:41:35【问题描述】:我有UITextField,我已经添加了一张图片。一切看起来都不错,除了文本从... 查看详情

如何使用 Angular 2 / Typescript 限制输入字段中的特殊字符

】如何使用Angular2/Typescript限制输入字段中的特殊字符【英文标题】:HowtorestrictspecialcharactersintheinputfieldusingAngular2/Typescript【发布时间】:2017-12-1717:58:10【问题描述】:我是Angular2的新手。我需要防止在输入字段中输入特殊字符。... 查看详情

如何在标题中的 jqGrid 文本字段中添加占位符?

】如何在标题中的jqGrid文本字段中添加占位符?【英文标题】:HowtoaddaplaceholdertojqGridtextfieldintheheader?【发布时间】:2016-05-3004:05:09【问题描述】:我的jqgrid包含多个字段,我想过滤网格。例如,假设我的网格包含“名称”字段... 查看详情

单击时HTML字段中的文本消失?

...是停留在那里。然后,用户必须手动删除要键入的文本。如何创建一个输入字段,当用户单击输入字段框时,文本会消失?【问题讨论】:Thisisthemodernwayt 查看详情