input 输入 限制 大全

<input οnkeyup=“value=value.replace(/[^\a-\z\A-\Z]/g,‘’)” οnpaste=“value=value.replace(/[^\a-\z\A-\Z]/g,‘’)” oncontextmenu = “value=value.replace(/[^\a-\z\A-\Z]/g,‘’)”>

7、JS 控制文本框只能输入英文、数字

---

<input οnkeyup=“value=value.replace(/[^\a-\z\A-\Z0-9]/g,‘’)” οnpaste=“value=value.replace(/[^\a-\z\A-\Z0-9]/g,‘’)” oncontextmenu = “value=value.replace(/[^\a-\z\A-\Z0-9]/g,‘’)”>

8、JS 控制文本框只能输入中文

---

<input οnkeyup=“value=value.replace(/[^\u4E00-\u9FA5]/g,‘’)” οnpaste=“value=value.replace(/[^\u4E00-\u9FA5]/g,‘’)” oncontextmenu = “value=value.replace(/[^\u4E00-\u9FA5]/g,‘’)”>

9、JS 控制文本框只能输入中文、英文、数字

---

<input οnkeyup=“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,‘’)” οnpaste=“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,‘’)” oncontextmenu = “value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,‘’)”>

10、JS 控制文本框只能输入中文、英文、数字、空格

---

<input οnkeyup=“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,‘’)” οnpaste=“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,‘’)” oncontextmenu = “value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,‘’)”>

11、JS 控制文本框只能输入中文、英文、数字、小数点

---

<input οnkeyup=“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5.]/g,‘’)” οnpaste=“value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5.]/g,‘’)” oncontextmenu = “value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5.]/g,‘’)”>

12、输入之后立即清除：

---

//验证输入框内不能输入特殊字符,输入就立刻清除

function cleanSpelChar(th){

if(/["'<>%😉(&+]/.test(th.value)){

$(th).val(th.value.replace(/[“'<>%😉(&+]/,”"));

}

}

13、如果是特殊字符，禁止输入：

---

//验证输入框内不能输入特殊字符，输入前先作判断

function processSpelChar() {

var code;

var character;

if (document.all) {

code = window.event.keyCode;

} else {

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

}

var character = String.fromCharCode(code);

var txt = new RegExp(/["'<>%😉(&+]/);

if (txt.test(character)) {

if (document.all) {

window.event.returnValue = false;

} else {

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

}

}

}

14、JS替换英文特殊字符 `~!@#$%^&*()_±=;’:"|,./<>?

---

var subject= document.getElementById(“subject”).value;

subject = subject.replace(/[-_,.!|~`()#@%-+=/'$%^&*{}:;"\L<>?\]/g, ‘’);

alert(subject);

15、金额输入限制 只能输入数字和小数点

css

1，盒模型
2，如何实现一个最大的正方形
3，一行水平居中，多行居左
4，水平垂直居中
5，两栏布局，左边固定，右边自适应，左右不重叠
6，如何实现左右等高布局
7，画三角形
8，link @import导入css
9，BFC理解

js

1，判断 js 类型的方式
2，ES5 和 ES6 分别几种方式声明变量
3，闭包的概念？优缺点？
4，浅拷贝和深拷贝
5，数组去重的方法
6，DOM 事件有哪些阶段？谈谈对事件代理的理解
7，js 执行机制、事件循环
8，介绍下 promise.all
9，async 和 await,
10，ES6 的 class 和构造函数的区别
11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

10，ES6 的 class 和构造函数的区别
11，transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式,
12，介绍一下rAF(requestAnimationFrame)
13，javascript 的垃圾回收机制讲一下,
14，对前端性能优化有什么了解？一般都通过那几个方面去优化的？

[外链图片转存中…(img-UMLRr9wa-1718172573063)]