<!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>
分享到:
相关推荐
Bootstrap实现的自适应页面简单应用示例 在本文中,我们将详细介绍Bootstrap实现的自适应页面简单应用示例,结合具体实例形式分析了基于Bootstrap的列表布局结构页面实现与使用技巧。 首先,让我们了解什么是...
**纯JavaScript实现的TodoMVC示例应用** TodoMVC是一个流行的学习和比较不同前端框架或库的小型应用模板。在这个纯JavaScript版本中,我们将深入探讨如何不依赖任何外部库,仅使用原生JavaScript实现一个功能完备的...
通过以上步骤,我们可以将Phonecat这个经典示例升级为一个现代的、组件化的AngularJS应用,利用最新的JavaScript语法和Webpack优化开发流程,提升代码质量和性能。这个过程不仅适用于Phonecat,也适用于任何其他基于...
"json简单应用示例"这个主题,可能包含了从创建JSON对象到与服务器交互的各种基础示例,对于初学者来说是非常有价值的参考资料。通过学习和实践这些示例,可以更好地理解和掌握JSON在实际中的应用。
**DWR(Direct Web Remoting)框架简单应用示例** DWR(Direct Web Remoting)是一种Java技术,它允许在浏览器和服务器之间进行双向通信,实现了JavaScript与Java对象的直接交互,极大地简化了Web应用程序中的Ajax...
本示例集合将向你展示一系列基于JavaScript实现的网页特效,旨在帮助开发者理解和学习如何运用JavaScript来提升用户体验。 一、JavaScript基础 在探讨特效之前,我们需要了解JavaScript的基础。JavaScript是一种...
JavaScript应用实例-surfaceView(简单示例).js
在这个简单的JavaScript图书购物车示例中,我们看到了一个基本的前端应用实现,它允许用户浏览图书列表、将图书添加到购物车以及查看购物车中的总价。这个应用主要由两个核心对象组成:`Book`对象和`UI`对象。 1. *...
在这个"javascript简单例子程序"的压缩包中,我们能够找到一些基础的JavaScript示例,帮助初学者理解和掌握JavaScript的基本用法。 1. **动态显示文字**:在JavaScript中,我们可以使用`document.write()`或`...
它包含了各种实际场景的应用代码示例,涵盖了从简单的地图显示到复杂的空间分析。通过查看和运行这些示例,开发者可以直观地理解API的工作原理,并能快速上手进行开发。 ArcGIS JsAPI 4.11 SDK(软件开发工具包)还...
在这个名为"Javascript简单开发实例"的压缩包中,包含了多个JavaScript编程的示例,这些示例旨在帮助初学者理解和掌握JavaScript的基本用法以及一些常见的特效实现。 1. **动态显示文字**:在网页上动态显示文字是...
总的来说,这份"javaScript示例学习资料"将带你探索JavaScript的广阔世界,从基础语法到高级特性,从简单的网页交互到复杂的前端开发。通过深入学习和实践,你将能够利用JavaScript实现各种动态效果,构建功能丰富的...
本篇文章将深入探讨JavaScript绘图的实现方案及其示例,帮助你揭开在网页上绘画的神秘面纱。 首先,JavaScript绘图的基础是HTML5的Canvas API。Canvas是一个基于矢量图形的画布,通过JavaScript可以动态地绘制和...
示例中的`<a href='javascript:window.print()'>`链接可以直接调用`window.print()`方法来打印当前页面。这是一种常见的实现方式,方便用户保存页面内容。 ### 13. 选择并聚焦输入框 示例中的`onFocus`和`...
JavaScript调用WebService是一种常见的在客户端与服务器之间进行通信的方式,特别是在Web应用程序中。在这个示例中,我们将讨论如何使用JavaScript来调用不同平台(如C#和Java)编写的WebService,以及实现跨浏览器...
通过以上对简单JavaScript示例的分析,我们可以看到虽然这段代码非常基础,但它是学习JavaScript的重要起点。随着对语言掌握程度的加深,开发者可以利用JavaScript实现更为复杂的功能,如构建动态网页、制作游戏、...
JavaScript是一种广泛应用于网页和网络应用的编程语言,它在客户端浏览器上运行,为...JavaScript的应用场景广泛,从简单的网页交互到复杂的前端框架,都有其身影,持续学习和探索是成为优秀JavaScript开发者的关键。
通过学习和实践这个简单的HTML、CSS和JavaScript组合的网页设计示例,你可以逐步掌握网页开发的基本技能,为创建更复杂、功能丰富的网站打下坚实基础。不断练习和熟悉这三大核心技术,将有助于你成为一名出色的前端...
这个"SignalR进度条简单示例-教程_JavaScript_C#_下载.zip"文件包含了一个使用SignalR、JavaScript和C#实现的进度条功能的示例项目,非常适合初学者了解如何将实时更新应用到Web应用程序中。 首先,我们要理解...