javascript简单应用示例

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>参考实现</title>
<link rel="stylesheet" href="" type="text/css">
<style type="text/css">

</style>
<script src="" language="JavaScript"></script>
<script language="JavaScript">
function regForString()
{//用于模式匹配的String方法:split();
var str="rr#33#ee##";
var result=str.split("#");
if(result!=null)
{
  alert("length="+result.length);
  for(var i=0;i<result.length;i++)
  {
alert(i+"="+result[i]);
  }
}
}
function check_input(obj)
{//禁输入单引号(')   

    var varKey=event.keyCode;
alert("keyCode="+varKey);
    if (varKey==39)
    {
event.returnValue=false;
    }    
//alert(str);
obj.value = obj.value.replace(/^[a-zA-Z\u4e00-\u9fa50-9]*$/g,""); //清前方空白
//   obj.value = obj.value.replace(/[\s]+$/g,""); //清后方空白
   alert(obj.value);
   return obj.value;
}
function checkLength(str,maxLength)
{//检测字串是否超长(以字节计,即一个汉字长度为2)
    if(str.replace(/[^\x00-\xff]/g,'**').length>maxLength)
    {
        return true;
    }
    else
{
        return false;
}
}
function doSubmit()
{
    showRadioValue();
    var str=document.form1.cassette_id.value;
if(checkLength(str,30))
{
    alert("too long");
return false;
}
}
//使用脚本获得已选按钮的值
function showRadioValue()
{
   var length=document.form1.model_no.length;
   if(length>1)
   {
       for(var i=0;i<length;i++)
   {
       if(document.form1.model_no[i].checked)
   {
       alert(document.form1.model_no[i].value);
   }
   }
   }
   else{
       alert(document.form1.model_no.value);
   }

}

</script>

<script language="javascript">
function main()
{
//regForString();
}
</script>
</head>

<body onLoad="main();">
<form name="form1" onSubmit='return doSubmit();' enctype="multipart/form-data">
<input type="text" name="cassette_id" maxlength='300' onkeypress="check_input(this);" value=""/>
<input type="submit" />
<table cellSpacing=0 cellPadding=0 align=center>
    <tr><td>
        File Name:<input type="file" name='file'></td>
    </tr>
    <tr><td>
        <input type="radio"  name="model_no" value="model_1" checked />model_1
</td></tr>
<tr><td>
        <input type="radio"  name="model_no" value="model_2" />model_2
</td></tr>
<tr><td>
        <input type="radio"  name="model_no" value="model_3" />model_3
</td></tr>
<tr><td>
        <input type="radio"  name="model_no" value="model_4" />model_4
</td></tr>
</table>
</form>
</body>
</html>

你可能感兴趣的:(JavaScript,html,css,脚本)