js过滤特殊字符输入适合输入、粘贴、拖拽多种情况

 这篇文章主要介绍了js过滤特殊字符输入适合输入、粘贴、拖拽多种情况,需要的朋友可以参考下

 代码如下:
function TextValidate(type) { 
var code; 
var character; 
var Lang = document.getElementById('Lang').value; 
var err_msg = ""; 
if (Lang != "Eng") { 
err_msg = "文件夹名稱不能包含下列字符之一:n / : * ? " < > | & , "; 

else { 
err_msg = "A Folder Name cannot contain any of the following characters:n / : * ? " < > | & ,"; 

 
if (type == "input") { 
code = window.event.keyCode; 

else if (type == "paste") { 
code = window.clipboardData.getData('Text'); 
 

else if (type == "Drop") { 
code = window.event.dataTransfer.getData('Text'); 
 

else { 
code = arguments.callee.caller.arguments[0].which; 

var character = String.fromCharCode(code); 
var txt = new RegExp("[*,&,,/,?,|,:,<,>,"]"); 
if (type == "input") { 
if (txt.test(character)) { 
alert(err_msg); 
if (document.all) { 
window.event.returnValue = false; 

else { 
arguments.callee.caller.arguments[0].preventDefault(); 



if (type == "paste" || type == "Drop") { 
if (txt.test(code)) { 
alert(err_msg); 
window.event.returnValue = false; 


时间: 2025-01-21 11:27:02

js过滤特殊字符输入适合输入、粘贴、拖拽多种情况的相关文章

JS组件系列——Bootstrap Table 表格行拖拽

原文:JS组件系列--Bootstrap Table 表格行拖拽 前言:之前一直在研究DDD相关知识,好久没更新JS系列文章了.这两天做了一个简单的业务需求,觉得效果还可以,今天在这里分享给大家,欢迎拍砖~~ 一.业务需求及实现效果 项目涉及到订单模块,那天突然接到一个需求,说是两种不同状态的订单之间要实现插单的效果,页面上呈现方式是:左右两个Table,左边Table里面是状态为1的订单,右边Table里面是状态为2订单,左边Table里面的行数据拖动到右边Table里面指定行的位置,拖动完成

JS组件Bootstrap Table表格多行拖拽效果实现代码_javascript技巧

前言:前天刚写了篇JS组件Bootstrap Table表格行拖拽效果,今天接到新的需要,需要在之前表格行拖拽的基础上能够同时拖拽选中的多行.用了半天时间研究了下,效果是出来了,但是感觉不尽如人意.先把它分享出来,以后想到更好的办法再优化吧. 一.效果展示 1.拖动前 2.拖动中 3.拖动后 4.撤销回到拖动前状态 二.需求分析 通过上篇我们知道,如果要实现拖拽,必须要有一个可以拖拽的标签,或者叫容器,比如上篇里面的tr就是一个拖拽的容器,那么如果要实现选择行的拖拽,那么博主的第一反应是将选中的

js怎么实现弹出层登录拖拽功能

在WEB开发过程中,总会遇到一些从未接触过的需求,总是想尽一切办法去研究,最终实现效果,在实现效果的那一刻成就感爆棚,有木有? 留言墙.弹出框等一些常见地方都有拖拽功能,方便用户体验嘛. 实现拖拽功能 ,三个事件 mousemove , mouseup ,mousedown, 偏移量(offsetLeft, offsetTop , offsetWidth ,offsetHeight),窗口坐标位置(clientX ,clientY ) 以及获取可视区域方法的兼容性处理. 之前做的比较多的留言墙效

jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法(附demo源码下载)_jquery

本文实例讲述了jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法.分享给大家供大家参考,具体如下: 该插件是文章作者所写,目的在于提升作者的js能力,也给一些js菜鸟在使用插件时提供一些便利,老鸟就悠然地飞过吧. 此插件旨在实现目前较为流行的拖拽改变元素大小的效果,您可以根据自己的实际需求来设置被拖拽元素的最小宽高和最大宽高.整体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E

JS实现六边形3D拖拽翻转效果的方法_javascript技巧

效果图 实例代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&q

拖拽动作以及碰撞动作详细讲解

在网上经常看到的flash影片中有的对象可以被鼠标进行拖动.例如有的类似七巧板的拼图游戏,控制音量的滑杆等,所使用的就是flash中的拖拽动作. 一.拖拽命令详细介绍 1.首先介绍一下开始拖拽命令的详细用法,稍后在后面的例子中进行测试. 命令格式: StartDrag(要拖动的影片剪辑,[是否锁定到鼠标位置中央,左,上,右,下]) 或写为 要拖动的影片剪辑.StartDrag([是否锁定到鼠标位置中央,左,上,右,下]) 命令讲解:在制作动画的过程中,上面两种书写方法可任选一种.其中[]内的为可

jQuery实现div拖拽效果实例分析_jquery

本文实例分析了jQuery实现div拖拽效果.分享给大家供大家参考,具体如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <script type=&q

jQ/js限制textarea字符输入数量代码

jq/js限制textarea字符输入数量代码 1. 通过本文demo演示,可以很明显的看到原生js的window.onload=function(){-}与jquery的$(document).ready(function(){-});的区别,这也是我为什么不用样式定义初始状态下隐藏第二三个显示区的原因; 2. 本文只是选项卡一个原型实现,若要用于同一页面多个选项卡,变量已集中到函数头部,可自行封装成函数; 3. 请不要问如何实现更酷很炫的效果,请自已思考添加效果; 4. 不希望大家用这个效果

javascript-如何用Js实现文本框只能输入数字且只能输入1-15号数字,且大于15设值为15,小于1设值为1

问题描述 如何用Js实现文本框只能输入数字且只能输入1-15号数字,且大于15设值为15,小于1设值为1 如何用Js实现文本框 ①只能输入数字 ②只能输入1-15号数字 ③且大于15设值为15,小于1设值为1? ④不能支持粘贴操作, 原本用正则表达式表示为如下,只能实现仅输入两位数字,不能粘贴,不能输入其他数字以外字符 用正则实现了①④如何实现②③???? <input type="text" onkeyup="this.value=this.value.replace