1

フォームの値が 1 ～ 99999 の範囲の数値であることを確認するスクリプトを作成しようとしています。

1）スクリプトは、数字と文字を入力した場合、数字だけでなく文字も入力したことが検出されない場合を除いて、主に2つのことを除いて機能します

2) onblur イベントでスクリプトを実行したいのですが、スクリプトを試すたびにまったく機能しません。

何年も前にJavaを勉強しましたが、私が間違っているところを人々が指摘できれば、ほとんどのことを忘れていたことに気づきました。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Please enter your age</title>
<script language="JavaScript1.2">
function checknumber(){
var x=document.checknum.pnum.value
/*does it contain non digits */
var anum=/(^\D+$)|(^\D+\.\D+$)/
if (anum.test(x))
{
alert("Please input a valid Runner ID between 1 to 99999 !")
testresult=false
}
/*is it above 99999*/
else if (x > 99999)
{
alert("Please input a valid Runner ID between 1 to 99999 !")
testresult=false
}
/*is it below 1*/
else if (x < 1)
{
alert("Please input a valid Runner ID between 1 to 99999 !")
testresult=false
}
return (testresult)
}
</script>
</head>
<body>
<form name="checknum" onSubmit="return checknumber()">
Please input a valid Runner ID between 1 to 99999:
<input type="text" name="pnum" onchange="checknumber()">
<input type="submit" value="Submit">
</form>
</body>
</html>

どうもありがとうダミアン

4

1 に答える 1

0

Jqueryライブラリをインポートしてこの関数を使用する

<script type="text/javascript">

$(document).ready(function(){    
$("#pnum").keypress(function (e)  
{ 
  //if the letter is not digit then display error and don't type anything
  if( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57))
  {
    return false;
  } 
});
});

ただし、テキストボックスのID

 <input type="text" name="pnum" id="pnum" maxLength="5" >

これにより、数字と5文字のみを追加できるようになります

于 2012-08-19T13:05:52.960 に答える