<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>使用javascript验证HTML表单数据</title>
<script src="test.js"></script>
</head>
<body>
<h1>使用javascript验证HTML表单数据</h1>
<br/>
<br/>
<form id="fdata" name="fdata" method="post" action="" onsubmit="return checkForm()">
<table width="476" height="154" border="1" align="center" cellpadding="1" cellspacing "0">
<tr>
<td width="254">
<p align="right">请输入数字(长度小于10):</p>
</td>
<td with="212">
<label>
<input type="text" name="num"/>
</label>
</td>
</tr>
<tr>
<td>
<p align="right">请输入英文字母:</p>
</td>
<td>
<label>
<input type="text" name="al" />
</label>
</td>
</tr>
<tr>
<td>
<p align="right">请做选择:</p>
</td>
<td>
<label>
<select name="lan">
<option value="">请做选择:</option>
<option value="english">英语</option>
<option value="french">法语</option>
<option value="panish">西班牙语</option>
</select>
</label>
</td>
</tr>
<tr>
<td height="28" colspan="2">
<label>
<input type="button" value="提交" name="Submit"/>
</label>
</td>
</tr>
</table>
</from>
</body>
</html>
我是一名新手,如果有什么低级错误望前辈们指出~不胜感激。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
目前较忙, 有时间细看...
不过:
推荐编辑器使用webstrom, 或者 vsc, 这2个编辑器有代码错误提示; 新手的话最好注意不要使用他们的代码块补全功能.
js脚本最好引用在body底部, 并且使脚本写在
中
找一个该行业的前辈或者同伴, 比自己一个人摸索更重要