易截截图软件、单文件、免安装、纯绿色、仅160KB

javascript之表单验证 完美提升用户体验

引言
增加客户端的表单验证可以为用户提供更快的体验,但决不能忽视的是,客户端表单验证永远不应该取代服务器端的验证,而只能是辅助和增强。根据经验JavaScript验证表单基本分为以下几方面的内容,必填字段、特殊模式匹配等,还要注意错误的提示方式对一个表单的可用性有着极其重要的影响。
2建立表单
       首先建立一个具有代表性的表单来作为本文的实例。
请见附件表单验证V1(基本版)
//form.html
<html>
<head>
<title>Simple Form</title>
<link rel="stylesheet" href="form_style.css" type="text/css"/>
<script type="text/javascript" src="checkForm.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
<form action="javascript:alert('提交成功');" method="POST">
    <fieldset>
         <legend>Personal Information</legend>
         <label for="name">Name</label>
         <input type="text" id="name" class="required text"/>
         *<br/>
         <label for="email">Email</label>
         <input type="text" id="email" class="required email text"/><br/>
         <label for="date">Date</label>
         <input type="text" id="date" class="required date text"/><br/>
         <label for="url">Website</label>
         <input type="text" id="url" class="url text" value="http://"/><br/>
         <label for="phone">Phone</label>
        


相关文档:

JavaScript获得层的高度并实现两个层高度的自适应

var   a = document.getElementById("left");   
var   b = document.getElementById("right");   
if(a.scrollHeight < b.scrollHeight)   
{  
    a.style.height = b.scrollHeight+”px”;
} &nb ......

理解javascript arguments的例子

本文转自:http://bbs.51js.com/viewthread.php?tid=85083&extra=page%3D1
在自定义的函数中,如果要向函中提交一些参数,习惯性地大家会在函数中定义
例:<script>
function test(a,b){
       alert(a);
       alert(b);
}
test("第一次" ......

JavaScript调用现成Word模板完成打印

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>JS调用现成Word模板完成打印</title>
    <script type="text/javascript">
      //转换word的函数
      function ......

替换Select标签的javascript类

// 下拉列表类
// PubEdition: Version 1.0.0.0
// ModifyDate: 2009-12-09 9:30:00
// FinishDate: 2009-12-09 9:30:00
// AuthorName: binbin( Mail:pl45@163.com / Tel:13893302154 )
var droplistswap=function(){};
droplistswap.prototype.originalElement=new Array();
// droplistswap.prototype.hidedropl ......

用 JavaScript 实现网页图片等比例缩放

 <script language="JavaScript" type="text/javascript">
    <!--
    // 说明:用 JavaScript 实现网页图片等比例缩放
    // 整理:http://www.CodeBit.cn 
    function DrawImage(ImgD,FitWidth,FitHei ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号