javascript简单应用示例 JavaScriptCSS脚本HTML

程序员文章站 2022-05-30 12:07:07

...

<!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 CSS 脚本 HTML

上一篇： struts vs webwork WebworkStrutsHibernatevelocityJavaScript

下一篇： RIA FlexAjaxJavaJavaScriptFlash

javascript简单应用示例 JavaScriptCSS脚本HTML

javascript定时器的简单应用示例【控制方块移动】

javascript定时器的简单应用示例【控制方块移动】

javascript 简单的3d网页应用(3d网页可视化编辑器), 搭建几何体选配材质纹理 , 导入导出示例 ( three.js 初探六)

JavaScript脚本语言在网页中的简单应用_基础知识

JavaScript脚本语言在网页中的简单应用_基础知识