<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="EA_Form.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="EasyAjax_Form.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jquery表单验证Ajax提交 - 网页模板</title>
<script src="Other_JS.js" type="text/javascript"></script>
<link rel="stylesheet" type='text/css' href="Other_CSS.css"/>
</head>
<body>
<div id="content">
<!--DEMO start-->
<div id="FormContainer">
<h1>Sample EasyAjax_Form</h1>
<p class="req_input subHead">* Starred fields required</p>
<form action="http://www.moobnn.com" id="form1" method="post">
<p>This is for demonstration purposes only, any information submitted will not be saved!</p>
<label for="Fname_ID">First name:</label>
<input type="text" class="OPTIONAL LENGTH_INPUT" name="first_name" id="Fname_ID"/><br/> <!--<br/> Needed for IE6 & IE7-->
<label for="Lname_ID">Last name: <span class="req_input">*</span></label>
<input type="text" class="REQUIRED LENGTH_INPUT" name="last_name" id="Lname_ID"/><br/>
<label for="Email1_ID">Primary email: <span class="req_input">*</span></label>
<input type="text" class="REQUIRED LENGTH_INPUT EMAIL" name="email_1" id="Email1_ID"/><br/>
<label for="Email2_ID">Secondary email:</label>
<input type="text" class="OPTIONAL LENGTH_INPUT EMAIL" name="email_2" id="Email2_ID"/><br/>
<label for="Phone_ID">Phone number: <span class="req_input">*</span></label>
<input type="text" class="REQUIRED LENGTH_INPUT PHONE" name="phone" id="Phone_ID"/><br/>
<label for="Country_ID">Country: <span class="req_input">*</span></label>
<select name="country" class="REQUIRED" id="Country_ID">
<option value="US">United States</option>
<option value="China">China</option>
<option value="Australia">Australia</option>
<option value="UK">United Kingdom</option>
<option value="Other">Other</option>
</select><br/>
<label for="Comments_ID">Comments:</label>
<textarea class="OPTIONAL LENGTH_TEXT" name="comments" rows="3" cols="20" id="Comments_ID"></textarea><br/>
<input type="submit" value="Submit" id="SubmitButton"/>
</form>
</div>
<!--DEMO end-->
</div>
<div style="text-align:center;clear:both">
<p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p>
<p>来源:<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
jquery表单验证Ajax提交.zip
版权申诉
90 浏览量
2022-11-19
19:49:47
上传
评论
收藏 99KB ZIP 举报
芝麻粒儿
- 粉丝: 5w+
- 资源: 2万+
最新资源
- 3122080306 邹子轩 实验报告二.docx
- 基于STM32 NUCLEO板设计彩色LED照明灯(纯cubeMX开发)(大赛作品,文档完整,可直接运行)
- 发那科工业机器人保养大全
- Sphere.h
- REMD固有时间尺度分解信号分量可视化(Matlab完整源码和数据)
- 嵌入式系统双单片机STC89C52+STC15W104多功能学习板电路图可扩展 适用于单片机初学者和教学
- 基于STM32蓝牙控制小车系统设计(硬件+源代码+论文)大赛作品
- XILINXFPGA源码基于Spartan3火龙刀系列FPGA开发板VGA测试例程
- Java聊天室的设计与实现【尚学堂·百战程序员】
- python中matplotlib教程
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈