您的位置：首页 > Web前端 > JavaScript

javascript入门·表单与表单元素总结（表单验证）

2007-11-27 14:29 573 查看
表单提交前的最后验证：通常在表单提交前，我们必须确认用户是否都把必须填/选的做了，如果没有，就不能被提交到服务器，这里我们用到表单的 formname.submit() 看演示，其实这个对于我们修炼道教（错了，是.net）的人来说，有点多余，呵呵，毕竟微软的vs2003-2005都有非常棒棒棒的验证控件，如果有特别需要，自定义的验证也很不错哦，呵呵！！

演示一：这个也算对表单以及表单元素的一个综合演示了

用户名：
所在地区：请选择
四川
北京
上海

请选择省
改变当前网页背景色红 黄 绿
<!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>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>表单与表单元素总结（表单验证）</title>

</script>

</head>

<body>

<p>表单提交前的最后验证：通常在表单提交前，我们必须确认用户是否都把必须填/选的做了，如果没有，就不能被提交到服务器，这里我们用到表单的 formname.submit() 看演示，其实这个对于我们修炼道教（错了，是.net）的人来说，有点多余，呵呵，毕竟微软的vs2003-2005都有非常棒棒棒的验证控件，如果有特别需要，自定义的验证也很不错哦，呵呵！！</p>

<p><strong>演示一：这个也算对表单以及表单元素的一个综合演示了</strong></p>

<form id="form1" name="form1" method="get" onsubmit="return yanzhen(this)" action="http://thcjp.cnblogs.com" >

<table width="600" border="0" cellspacing="0" cellpadding="5">

<tr>

<td width="163">用户名：</td>

<td width="417"><input name="txt" type="text" id="txt" /></td>

</tr>

<tr>

<td>所在地区：</td>

<td><select name="da" id="da" onchange="xiao(options.selectedIndex)">

<option value="0">请选择</option>

<option value="1">四川</option>

<option value="2">北京</option>

<option value="3">上海</option>

</select>

<select name="dx" id="dx">

<option value="0">请选择省</option>

</select> </td>

</tr>

<tr>

<td>改变当前网页背景色</td>

<td>红

<input type="radio" name="se" value="red" onchange="bgc(this.value)" />

黄

<input type="radio" name="se" value="yellow" onchange="bgc(this.value)" />

绿

<input type="radio" name="se" value="green" onchange="bgc(this.value)" /></td>

</tr>

<tr>

<td colspan="2" align="center"><input type="submit" value="提交" /></td>

</tr>

</table>

</form>

<p> </p>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航