`
hitgnu
  • 浏览: 94338 次
  • 性别: Icon_minigender_1
  • 来自: 苏州-->上海
社区版块
存档分类
最新评论

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>
分享到:
评论

相关推荐

    bootstrap实现的自适应页面简单应用示例

    Bootstrap实现的自适应页面简单应用示例 在本文中,我们将详细介绍Bootstrap实现的自适应页面简单应用示例,结合具体实例形式分析了基于Bootstrap的列表布局结构页面实现与使用技巧。 首先,让我们了解什么是...

    纯JavaScript实现的简单TodoMVC示例应用

    **纯JavaScript实现的TodoMVC示例应用** TodoMVC是一个流行的学习和比较不同前端框架或库的小型应用模板。在这个纯JavaScript版本中,我们将深入探讨如何不依赖任何外部库,仅使用原生JavaScript实现一个功能完备的...

    组件式AngularJS应用示例Phonecat用现代Javascript和Webpack实现

    通过以上步骤,我们可以将Phonecat这个经典示例升级为一个现代的、组件化的AngularJS应用,利用最新的JavaScript语法和Webpack优化开发流程,提升代码质量和性能。这个过程不仅适用于Phonecat,也适用于任何其他基于...

    json简单应用示例

    "json简单应用示例"这个主题,可能包含了从创建JSON对象到与服务器交互的各种基础示例,对于初学者来说是非常有价值的参考资料。通过学习和实践这些示例,可以更好地理解和掌握JSON在实际中的应用。

    dwr框架简单应用示例

    **DWR(Direct Web Remoting)框架简单应用示例** DWR(Direct Web Remoting)是一种Java技术,它允许在浏览器和服务器之间进行双向通信,实现了JavaScript与Java对象的直接交互,极大地简化了Web应用程序中的Ajax...

    网页特效演示示例 JavaScript 网页特效演示示例 JavaScript 网页特效演示示例

    本示例集合将向你展示一系列基于JavaScript实现的网页特效,旨在帮助开发者理解和学习如何运用JavaScript来提升用户体验。 一、JavaScript基础 在探讨特效之前,我们需要了解JavaScript的基础。JavaScript是一种...

    JavaScript应用实例-surfaceView(简单示例).js

    JavaScript应用实例-surfaceView(简单示例).js

    一个简单的JavaScript图书购物车示例.docx

    在这个简单的JavaScript图书购物车示例中,我们看到了一个基本的前端应用实现,它允许用户浏览图书列表、将图书添加到购物车以及查看购物车中的总价。这个应用主要由两个核心对象组成:`Book`对象和`UI`对象。 1. *...

    javascript简单例子程序

    在这个"javascript简单例子程序"的压缩包中,我们能够找到一些基础的JavaScript示例,帮助初学者理解和掌握JavaScript的基本用法。 1. **动态显示文字**:在JavaScript中,我们可以使用`document.write()`或`...

    javascript入门基础示例

    综上所述,这段代码不仅包含了JavaScript的基本语法和函数调用,还涉及到了DOM操作、事件监听和简单的逻辑判断,是学习JavaScript和网页开发的绝佳入门示例。通过理解和实践这些功能,初学者可以快速掌握JavaScript...

    ArcGIS API for JavaScript 4.11 官方帮助文档 与示例 离线版

    它包含了各种实际场景的应用代码示例,涵盖了从简单的地图显示到复杂的空间分析。通过查看和运行这些示例,开发者可以直观地理解API的工作原理,并能快速上手进行开发。 ArcGIS JsAPI 4.11 SDK(软件开发工具包)还...

    Javascript简单开发实例

    在这个名为"Javascript简单开发实例"的压缩包中,包含了多个JavaScript编程的示例,这些示例旨在帮助初学者理解和掌握JavaScript的基本用法以及一些常见的特效实现。 1. **动态显示文字**:在网页上动态显示文字是...

    JavaScript计算机网络应用

    ### JavaScript计算机网络应用知识点 #### 一、JavaScript简介与作用 - **JavaScript**是一种轻量级的编程语言,被广泛用于网页开发中,使网页具备交互性,减轻服务器负担并减少不必要的网络数据传输。 - 与IE浏览...

    javaScript示例学习资料

    总的来说,这份"javaScript示例学习资料"将带你探索JavaScript的广阔世界,从基础语法到高级特性,从简单的网页交互到复杂的前端开发。通过深入学习和实践,你将能够利用JavaScript实现各种动态效果,构建功能丰富的...

    JavaScript 绘图实现方案及示例

    本篇文章将深入探讨JavaScript绘图的实现方案及其示例,帮助你揭开在网页上绘画的神秘面纱。 首先,JavaScript绘图的基础是HTML5的Canvas API。Canvas是一个基于矢量图形的画布,通过JavaScript可以动态地绘制和...

    Javascript应用实例汇总

    示例中的`<a href='javascript:window.print()'>`链接可以直接调用`window.print()`方法来打印当前页面。这是一种常见的实现方式,方便用户保存页面内容。 ### 13. 选择并聚焦输入框 示例中的`onFocus`和`...

    使用javascript调用webservice示例归类.pdf

    JavaScript调用WebService是一种常见的在客户端与服务器之间进行通信的方式,特别是在Web应用程序中。在这个示例中,我们将讨论如何使用JavaScript来调用不同平台(如C#和Java)编写的WebService,以及实现跨浏览器...

    一个简单的 JavaScript 脚本示例,它会在浏览器的控制台中输出 "Hello, World!"

    通过以上对简单JavaScript示例的分析,我们可以看到虽然这段代码非常基础,但它是学习JavaScript的重要起点。随着对语言掌握程度的加深,开发者可以利用JavaScript实现更为复杂的功能,如构建动态网页、制作游戏、...

    javascript示例

    JavaScript是一种广泛应用于网页和网络应用的编程语言,它在客户端浏览器上运行,为...JavaScript的应用场景广泛,从简单的网页交互到复杂的前端框架,都有其身影,持续学习和探索是成为优秀JavaScript开发者的关键。

    简单的HTML、CSS和JavaScript组合的网页设计示例

    通过学习和实践这个简单的HTML、CSS和JavaScript组合的网页设计示例,你可以逐步掌握网页开发的基本技能,为创建更复杂、功能丰富的网站打下坚实基础。不断练习和熟悉这三大核心技术,将有助于你成为一名出色的前端...

Global site tag (gtag.js) - Google Analytics