當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
7.中文输入验证-原生JS
生活随笔
收集整理的這篇文章主要介紹了
7.中文输入验证-原生JS
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1 <!DOCTYPE html>
2 <html>
3 <head lang="en">
4 <meta charset="UTF-8">
5 <title>中文輸入驗證-原生JS</title>
6 </head>
7 <body>
8 <input type="text" id="num" οnblur="an()" οnfοcus="bn()"/>
9
10 <p id="p"></p>
11
12 </body>
13
14 <script type="text/javascript">
15 var an = function () {
16 var reg = /^[\u4e00-\u9fa5]*$/;
17 //var reg=/^-?\d+$/;//整數
18 // var reg=/^\d+$/;//正整數
19
20 var input1 = document.getElementById("num").value;
21 var p1 = document.getElementById("p").innerHTML;
22
23 // console.log("正則:;"+reg.test(str));
24 if (!reg.test(input1)) {
25 document.getElementById("p").innerHTML = "請輸入中文漢字";
26 document.getElementById("num").value = "";
27 } else {
28
29 document.getElementById("p").innerHTML = "輸入合法";
30 }
31
32 };
33
34 var bn = function () {
35 document.getElementById("p").innerHTML = "";
36 }
37
38
39 </script>
40
41 </html> View Code
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>中文輸入驗證-原生JS</title>
</head>
<body>
<input type="text" id="num" οnblur="an()" οnfοcus="bn()"/>
<p id="p" ></p>
</body>
<script type="text/javascript">
var an = function () {
var reg = /^[\u4e00-\u9fa5]*$/;
// var reg=/^-?\d+$/;//整數
// var reg=/^\d+$/;//正整數
var input1 = document.getElementById("num").value;
var p1 = document.getElementById("p").innerHTML;
// console.log("正則:;"+reg.test(str));
if (!reg.test(input1)) {
document.getElementById("p").innerHTML = "請輸入中文漢字";
document.getElementById("num").value = "";
} else {
document.getElementById("p").innerHTML = "輸入合法";
}
};
var bn = function () {
document.getElementById("p").innerHTML = "";
}
</script>
</html>
?
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>中文輸入驗證-原生JS</title>
</head>
<body>
<input type="text" id="num" οnblur="an()" οnfοcus="bn()"/>
<p id="p" ></p>
</body>
<script type="text/javascript">
var an = function () {
var reg = /^[\u4e00-\u9fa5]*$/;
// var reg=/^-?\d+$/;//整數
// var reg=/^\d+$/;//正整數
var input1 = document.getElementById("num").value;
var p1 = document.getElementById("p").innerHTML;
// console.log("正則:;"+reg.test(str));
if (!reg.test(input1)) {
document.getElementById("p").innerHTML = "請輸入中文漢字";
document.getElementById("num").value = "";
} else {
document.getElementById("p").innerHTML = "輸入合法";
}
};
var bn = function () {
document.getElementById("p").innerHTML = "";
}
</script>
</html>
轉載于:https://www.cnblogs.com/mx2036/p/6704307.html
總結
以上是生活随笔為你收集整理的7.中文输入验证-原生JS的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 为什么老是梦到和男朋友分手
- 下一篇： Spring/MVC映射WEB-INF下