如何加入限制,只能输入文字或数字,请大家帮下忙~~
有如下代码,怎么才能在选中第一个radio后,text中只能输入文字。
选中第二个radio后,text中只能输入数字?
<html>
<head>
<title> </title>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
</head>
<body>
<center>
<script type= "text/javascript ">
function Search(Tbl,TextValue)
{
var count=0;
var keyWord=TextValue.value;
if(keyWord!= " ")
{
for(var i=0;i <Tbl.rows.length;i++)
{
var tr=Tbl.rows[i];
if(tr.innerHTML.indexOf(keyWord)==-1)
tr.style.display= "none ";
else
{
tr.style.display= "block ";
count++;
}
}
}
if(count==0)
{
alert( '找不到你要的记录! ');
ListAll(Tbl);
}
}
function ListAll(Tbl)
{
for(var i=0;i <Tbl.rows.length;i++)
{
Tbl.rows[i].style.display= "block ";
}
}
</script>
<input name= "ttt " type= "text " style= "width:200 " >
<input type= "button " value= "查找 " onclick= "Search(Tbl1,ttt) " >
<input type= "button " value= "返回 " onclick= "ListAll(Tbl1) ">
<input type= "radio " name= "paytype " value= " " > 文字
<input type= "radio " name= "paytype " value= " " > 数字
<br>
<table width= "500 " id= "Tbl1 " border= "1 ">
<tr> <td> aaa </td> <td> 12 </td> <td> 1988 </td> </tr>
<tr> <td> 呵呵 </td> <td> 56 </td> <td> 1911 </td> </tr>
<tr> <td> 12 </td> <td> 55 </td> <td> 1920 </td> </tr>
<tr> <td> ddd </td> <td> 12 </td> <td> 13 </td> </tr>
<tr> <td> 呵呵 </td> <td> 55 </td> <td> 1877 </td> </tr>
<tr> <td> ddeed </td> <td> 11 </td> <td> 12 </td> </tr>
<tr> <td> ddafd </td> <td> 58 </td> <td> 1988 </td> </tr>
</table>
</center>
</body>
</html>
[解决办法]
你问了好多,分数用玩啦;)
给你个正则表达式吧
var reNum = /^\d+$/;//数字
var reStr = /^\w+$/;//字母数字下划线
然后可以用
reNum.test(输入框中的值)
来测试,如果匹配就返回true,这样就可以了
[解决办法]
var tdIndex=document.getElementById( 'save ').value;
if(tdIndex= "1 ")
{
alert( "shuzi1111 ");
if(isNaN(keyWord))
{
alert( "shuzi ");
}
}
接我给你写的那个程序 这是限制数字的
[解决办法]
<html>
<head>
<title> </title>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
</head>
<body>
<center>
<script type= "text/javascript ">
function Search(Tbl,TextValue)
{
var count=0;
var keyWord=TextValue.value;
if(keyWord!= " ")
{
for(var i=0;i <Tbl.rows.length;i++)
{
var tr=Tbl.rows[i];
if(tr.innerHTML.indexOf(keyWord)==-1)
tr.style.display= "none ";
else
{
tr.style.display= "block ";
count++;
}
}
}
if(count==0)
{
alert( '找不到你要的记录! ');
ListAll(Tbl);
}
}
function ListAll(Tbl)
{
for(var i=0;i <Tbl.rows.length;i++)
{
Tbl.rows[i].style.display= "block ";
}
}
</script>
<input name= "ttt " id= "ttt " type= "text " style= "width:200 " >
<input type= "button " value= "查找 " onclick= "Search(Tbl1,ttt) " id= "btFind ">
<input type= "button " value= "返回 " onclick= "ListAll(Tbl1) " id= "btListAll ">
<input id= "type1 " type= "radio " checked name= "typesel "> 文字
<input id= "type2 " type= "radio " value= " " name= "typesel "> 数字
<br>
<table width= "500 " id= "Tbl1 " border= "1 ">
<tr> <td> aaa </td> <td> 12 </td> <td> 1988 </td> </tr>
<tr> <td> 呵呵 </td> <td> 56 </td> <td> 1911 </td> </tr>
<tr> <td> 12 </td> <td> 55 </td> <td> 1920 </td> </tr>
<tr> <td> ddd </td> <td> 12 </td> <td> 13 </td> </tr>
<tr> <td> 呵呵 </td> <td> 55 </td> <td> 1877 </td> </tr>
<tr> <td> ddeed </td> <td> 11 </td> <td> 12 </td> </tr>
<tr> <td> ddafd </td> <td> 58 </td> <td> 1988 </td> </tr>
</table>
</center>
</body>
<script language= "javascript ">
var type = 1;
var iobj = document.getElementById( "ttt ");
var obj1 = document.getElementById( "type1 ");
var obj2 = document.getElementById( "type2 ");
var fobj = document.getElementById( "btFind ");
obj1.onclick = function(){ type=1; }
obj2.onclick = function(){ type=2; }
iobj.onkeyup = function(_evt)
{
switch(type)
{
case 1: //文字(不知道你的定义是什么,这里定义为 非数字)
iobj.value = iobj.value.replace(/\d/ig, " ");
break;
case 2: //数字
iobj.value = iobj.value.replace(/[^\d]+/ig, " ");
break;
//这里可以扩展其他限定.........
}
}
</script>
</html>