- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想确保用户不能粘贴带有 (. | ") 的字符串,我该如何防止它?我正在研究键盘键,它在用户键入时起作用。但我如何防止粘贴?
这是 jsfiddle Testing here
这是我的java脚本
$("[name='search']").on({
keydown: function(e) {
if (e.which === 32 || e.which === 220) {
e.preventDefault();
var v = this.value,
s = this.selectionStart;
this.value = v.substr(0, s) + '' + v.substr(s, v.length);
}
if (e.which === 55) {
e.preventDefault();
var v = this.value,
s = this.selectionStart;
this.value = v.substr(0, s) + '7' + v.substr(s, v.length);
}
},
// Here is the paste function but i no sure how to write it
paste: function(e) {
var s = this;
setTimeout(function() {
// here i no sure how to do it
});
}
});
最佳答案
强制性说明:您似乎正在尝试进行一些客户端验证。在我回答之前,我要指出客户端验证不是很可靠——尤其是当涉及到安全时——因为任何了解 js 控制台的人都可以击败它。见问题why is client-side validation not enough?更多。如果您想防止输入不正确的字符,则必须在服务器端进行。
话虽如此,在客户端进行检查很方便,可以节省用户一些时间。最可靠的方法是使用 test()
和一个简单的 regular expression .然后,您可以使用该 test
和 if
条件来使用 replace()
去除有问题的值.
加上你原来的代码,看起来有点像这样:
function check(e){
var expression = new RegExp(/[\.\|]/, "g");
if (expression.test(e.target.value)){
e.target.value = e.target.value.replace(expression, "")
}
}
您可以从 $("[name='search']").on({
部分的适当位置调用该函数。另请注意,您的表达式可以是任何正则表达式,允许您检查任何字符或组合字符。Regex is power .
您可以将第 2-5 行放入粘贴时调用的函数中,但在 Safari 和 Chrome 中对其进行测试后,您最好的选择可能是调用 check()
在粘贴或模糊事件之后执行上述功能。这是因为粘贴到输入中并不总是会触发更改事件。 .on()
的 jQuery 文档中有一些详细信息,尽管反复试验也很棒。
将所有这些放在一起,我得到了以下内容:
function check(e){
var expression = new RegExp(/[\.\|]/, "g");
if (expression.test(e.target.value)){
e.target.value = e.target.value.replace(expression, "")
}
}
$("[name='search']").on({
keydown: function(e) {...},
paste: function(e){
check(e)
},
blur: function(e){
check(e)
}
});
希望这对您有所帮助!
改进提示:我个人会在这方面多做一些工作,使代码更可靠、更具表现力,稍微清理一下,并可能重新考虑我的总体方法。仅供初学者使用:
考虑抛出错误并从输入框中删除所有内容,而不是仅仅删除违规字符“.|” — 在不警告用户的情况下更改用户的输入通常是一个糟糕的举动。通常最好只删除所有内容。
删除阻止输入某些字符的部分。再说一次:了解 JS 控制台的人可以很快解决这个问题,而您只是通过检查每个按键来增加开销。这不是主要问题,但可以改进。
使用 switch case 语句将所有检查逻辑放在一个地方,并针对所有适当的事件运行它。您必须喜欢上 jQuery 事件监听器,这可能不值得,但如果我正在编写这段代码,我会调查一下。
关于javascript - JQuery onpaste 事件限制用户粘贴像 | 这样的字符, ./,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40623570/
我正在遵循一个教程,老师通过以下方式将 html 粘贴到我们的 scrappy shell 中:%paste (下面的 html) html_doc = " " Title of hte page
例如 1.1.1.1 a.com 2.1.1.1 b.com 1.3.1.1 c.com 1.1.5.1 d.com 1.2.1.1 e.com 现在我想从另一个文本中替换这个 ip,不一样
是否有机会在 Angular 中实现粘贴按钮。 FE:用户复制网站的链接,当他或她点击按钮时,在我的页面上复制的链接应该出现在文本框中。 谢谢! 最佳答案 您只能以编程方式从网页复制。您不能以编程方式
我正在尝试提高 Vim 中粘贴功能的可用性,因为太多不同的删除操作(实际上我认为它们都是这样)也会拉到粘贴缓冲区。 这意味着我不再能够删除一些我想粘贴到某处的文本,清理一些东西,以及。然后 做我的粘贴
我正在构建一个简单的 Electron 应用程序,以在屏幕上的其他所有内容上显示一些文本。 有一个键盘快捷键可以打开带有文本的弹出窗口。 我想添加一个小功能。 最好的情况是:在计算机上的任意位置选择一
我有一个双击事件,我希望它保存特定范围的副本。 Private Sub Worksheet_BeforeDoubleClick(ByVal Target As Range, Cancel As Boo
我已经为这个烦人的问题苦苦挣扎了一段时间,但没有找到一个优雅的解决方案。 假设我有这样一个类层次结构: class StatWithBounds[A](val min: A, val max: A,
现在我有一个 Word 宏,可以通过将图像复制并粘贴到该位置来将图像移动到特定文本前面。这种方法效果很好,但成本很高。如果我的 Word 文档中有 1,000 张图像,则运行宏可能需要 30 分钟。
让我以我是自学成才的事实作为我的问题的开头,所以请提供尽可能详细的信息,如果我需要您以不同的方式或多次解释,请耐心等待。 我使用 Microsoft Visual Basic 7.0 为我的团队创建了
我已经为这个烦人的问题苦苦挣扎了一段时间,但没有找到一个优雅的解决方案。 假设我有这样一个类层次结构: class StatWithBounds[A](val min: A, val max: A,
我正在使用 Meteor 开发一个聊天应用程序,我不希望用户能够出于明显的垃圾邮件原因将内容复制/粘贴到表单中。这可能吗?这是我用来运行聊天应用程序的代码: Javascript: // render
我已经为此搜索了很多,但找不到任何建议...我提供了我自己的经典操作栏实现,所以我在所有 Activity 中声明粘贴/等..有谁知道如何做到这一点? 此外,我将提供我自己的复制/粘贴功能,并且仅在需
Windows 中 SWT Text 的默认上下文菜单有几个我们不想要的选项。由于操作系统提供的默认上下文菜单无法修改,因此我创建了一个自定义上下文菜单,其中只有基本的文本操作,例如文本框的删除、剪切
我最后的问题不是很清楚,我再试一次。 在我的 Tumblr 博客 (http://anti-standard.tumblr.com) 上,您可以看到一张图片(图片上写着“ANTI STANDARD”)
我必须编写一个脚本文件来剪切以下列并将其粘贴到新 .arff 文件中同一行的末尾。我想文件类型无关紧要。 当前文件: 63,male,typ_angina,145,233,t,left_vent_hy
是否可以发送过去的命令,以便将文本粘贴到当前聚焦的编辑文本中。场景: 后台服务监听通知(完成) 收到通知后,需要将文本复制到剪贴板(完成) 将文本粘贴到任何当前聚焦的字段,如果不可能则放弃粘贴命令。
我想用 PIL 粘贴一堆图片。出于某种原因,当我运行 blank.paste(img,(i*128,j*128)) 行时,出现以下错误:ValueError: cannot determine reg
如何在我的网页中禁用复制粘贴功能。准确地说,我不希望我的用户从我的网站上复制任何信息并将其用于个人目的。上一个关于同一主题的问题没有给出足够的解释。 onselect 和 ondrag 不起作用。请帮
废话不多说,直接上代码,小伙伴们仔细看下注释吧。 复制代码代码如下: /*简单的 复制 剪切 粘贴 功能 操作:
我应该在 vimrc 中添加哪一行以便在终端之间或不同文件/选项卡之间轻松复制/粘贴? 我现在有: " Better copy & paste set pastetoggle= set clipboa
我是一名优秀的程序员,十分优秀!