校驗
1.判斷文本框只能輸入中文漢字的代碼
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" />
<title>只能輸入漢字js腳本</title>
</head>
<body>
只能輸入漢字:<INPUT οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">
<script>
function ischinese(s){
var ret=true;
for(var i=0;i<s.length;i++)
ret=ret && (s.charCodeAt(i)>=10000);
return ret;
}
</script>
</body>
</html>
2.請寫出用於校驗HTML文本框中輸入的內容全部爲數字的javascript代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function chkNumber(eleText) {
var value = eleText.value;
var len = value.length;
for(var i = 0;i < len;i++) {
if(value.charAt(i) > "9" || value.charAt(i) < "0") {
alert("含有非數字字符");
eleText.focus();
break;
}
}
}
</script>
</head>
<body>
<input type="text" id="d1" οnblur="chkNumber(this)"/>
</body>
</html>
3.
input: <</span>input name="textfield" type="text" maxlength="20" value="請輸入文字.." οnfοcus="if
(value =='請輸入文字..'){value =''}" οnblur="if (value ==''){value='請輸入文字..'}" />
<</span>br><</span>br> textarea: <</span>textarea cols="50" rows="5" id="textarea"onKeyDown="textdown
(event)" onKeyUp="textup()" οnfοcus="if(value=='限100字'){value=''}" οnblur="if (value ==''){value='限
100字'}">限100字</</span>textarea> <</span>SCRIPT type="text/javascript">function textdown(e) {
textevent = e; if (textevent.keyCode == 8) { return; } if(document.getElementByIdx_x
('textarea').value.length >= 100) { alert("大俠,手下留情,此處限字100") if (!document.all) {
textevent.preventDefault(); } else { textevent.returnValue = false; } } } function textup() { var s =
document.getElementByIdx_x('textarea').value; //判斷ID爲text的文本區域字數是否超過100個 if (s.length >
100) { document.getElementByIdx_x('textarea').value =s.substring(0, 100); } } </</span>SCRIPT>
4.<textarea id="a" onpropertychange="if(this.value.length>10){this.value=this.value.slice(0,10)}">
</textarea>
或者只允許輸入10個字:<INPUT size="2" name=lig10 onKeyUp="if(isNaN(value))execCommand('undo')"
maxlength="10">
5.
<input type="text" name="name" onChange="onChange()"/>
<script>
function onChange(){
var name = document.getElementsByName("name")[0];
var val = name.value;
if(val.length > 10){
alert('超過了10個字符');
}
}
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" />
<title>只能輸入漢字js腳本</title>
</head>
<body>
只能輸入漢字:<INPUT οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')">
<script>
function ischinese(s){
var ret=true;
for(var i=0;i<s.length;i++)
ret=ret && (s.charCodeAt(i)>=10000);
return ret;
}
</script>
</body>
</html>
2.請寫出用於校驗HTML文本框中輸入的內容全部爲數字的javascript代碼
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function chkNumber(eleText) {
var value = eleText.value;
var len = value.length;
for(var i = 0;i < len;i++) {
if(value.charAt(i) > "9" || value.charAt(i) < "0") {
alert("含有非數字字符");
eleText.focus();
break;
}
}
}
</script>
</head>
<body>
<input type="text" id="d1" οnblur="chkNumber(this)"/>
</body>
</html>
3.
input: <</span>input name="textfield" type="text" maxlength="20" value="請輸入文字.." οnfοcus="if
(value =='請輸入文字..'){value =''}" οnblur="if (value ==''){value='請輸入文字..'}" />
<</span>br><</span>br> textarea: <</span>textarea cols="50" rows="5" id="textarea"onKeyDown="textdown
(event)" onKeyUp="textup()" οnfοcus="if(value=='限100字'){value=''}" οnblur="if (value ==''){value='限
100字'}">限100字</</span>textarea> <</span>SCRIPT type="text/javascript">function textdown(e) {
textevent = e; if (textevent.keyCode == 8) { return; } if(document.getElementByIdx_x
('textarea').value.length >= 100) { alert("大俠,手下留情,此處限字100") if (!document.all) {
textevent.preventDefault(); } else { textevent.returnValue = false; } } } function textup() { var s =
document.getElementByIdx_x('textarea').value; //判斷ID爲text的文本區域字數是否超過100個 if (s.length >
100) { document.getElementByIdx_x('textarea').value =s.substring(0, 100); } } </</span>SCRIPT>
4.<textarea id="a" onpropertychange="if(this.value.length>10){this.value=this.value.slice(0,10)}">
</textarea>
或者只允許輸入10個字:<INPUT size="2" name=lig10 onKeyUp="if(isNaN(value))execCommand('undo')"
maxlength="10">
5.
<input type="text" name="name" onChange="onChange()"/>
<script>
function onChange(){
var name = document.getElementsByName("name")[0];
var val = name.value;
if(val.length > 10){
alert('超過了10個字符');
}
}
</script>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.