引言
增加客户端的表单验证可以为用户提供更快的体验，但决不能忽视的是，客户端表单验证永远不应该取代服务器端的验证，而只能是辅助和增强。根据经验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>
Js代码
<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="wmp" >
<param name="URL" value="" /> ......
ADF 11g不再支持Onclick等JavaScript，而是采用<af:clientListener>来实现诸如删除某条记录的提示框。
实现方式如下：
function confirmDelete() {
if (confirm('Are you sure you want to delete this record?'))
return true;
else
return false;
}
<af:commandLink actionListener="# ......
