根据给定文件的信息,我们可以提炼出以下几个JavaScript相关的知识点: ### 1. 验证输入是否为数字 在第一个代码片段中,定义了一个`isNumber`函数用于验证输入字符串是否只包含数字。具体实现如下: ```javascript function isNumber(String) { var Letters = "1234567890-"; // 允许的字符集 var i; var c; if (String.charAt(0) == '-' || String.charAt(String.length - 1) == '-') { // 检查首尾不能是减号 return false; } for (i = 0; i < String.length; i++) { c = String.charAt(i); if (Letters.indexOf(c) < 0) // 如果不在允许的字符集中,则返回false return false; } return true; } ``` 该函数首先定义了一个只包含数字和减号的字符串`Letters`,然后检查输入字符串的首尾不能为减号,接着遍历字符串中的每个字符,如果字符不在`Letters`字符串中,则返回`false`表示不是有效的数字格式。最后如果没有找到非法字符,则返回`true`。 在同一个脚本中还定义了`CheckForm`函数,它调用`isNumber`函数来验证表单中电话号码字段是否符合数字格式。 ```javascript function CheckForm() { if (!isNumber(document.form.TEL.value)) { // 如果电话号码不符合数字格式 alert("电话号码不合法"); // 弹出警告 document.form.TEL.focus(); // 将焦点设置到电话号码输入框 return false; } return true; } ``` ### 2. 验证输入框是否为空 第二个代码片段提供了一个简单的示例来验证输入框是否为空。 ```javascript function CheckForm() { if (document.form.name.value.length == 0) { // 如果名字输入框为空 alert("名字不能为空!"); // 弹出警告 document.form.name.focus(); // 将焦点设置到名字输入框 return false; } return true; } ``` ### 3. 比较两个输入框的值是否相同 第三个代码片段演示了如何比较两个输入框中的值是否相同。 ```javascript function CheckForm() { if (document.form.PWD.value != document.form.PWD_Again.value) { // 如果密码与确认密码不一致 alert("密码不一致!"); // 弹出警告 document.form.PWD.focus(); // 将焦点设置到密码输入框 return false; } return true; } ``` ### 4. 限制输入范围和长度 第四个代码片段展示了如何限制输入框的值必须在一个特定范围内,并且限制其长度。 ```javascript function CheckForm() { if (document.form.count.value > 100 || document.form.count.value < 1) { // 如果数量超过100或小于1 alert("数量必须小于等于100!"); document.form.count.focus(); // 将焦点设置到数量输入框 return false; } if (document.form.MESSAGE.value.length < 10) { // 如果消息长度少于10个字符 alert("消息长度至少为10个字符!"); document.form.MESSAGE.focus(); // 将焦点设置到消息输入框 return false; } return true; } ``` ### 5. 验证输入是否为英文或中文 最后一个代码片段提供了验证输入是否为英文或中文的方法。 ```javascript function isEnglish(name) { // 验证是否为英文 if (name.length == 0) return false; for (i = 0; i < name.length; i++) { if (name.charCodeAt(i) > 128) // 如果字符的ASCII码大于128,则不是英文字符 return false; } return true; } function isChinese(name) { // 验证是否为中文 if (name.length == 0) return false; for (i = 0; i < name.length; i++) { if (name.charCodeAt(i) > 128) // 如果字符的ASCII码大于128,则可能是中文字符 return true; } return false; } ``` 以上两个函数分别通过ASCII码判断字符是否属于英文或中文,其中英文字符的ASCII码在0-128之间,而中文字符的ASCII码通常会大于128。 这些代码片段不仅展示了如何使用JavaScript进行表单验证,而且还涉及到了字符串处理、字符编码等基础知识。通过对这些代码的学习,可以加深对JavaScript的理解并提高实际编程能力。
<script language="javascript">
<!--
function isNumber(String)
{
var Letters = "1234567890-"; //可以自己增加可输入值
var i;
var c;
if(String.charAt( 0 )=='-')
return false;
if( String.charAt( String.length - 1 ) == '-' )
return false;
for( i = 0; i < String.length; i ++ )
{
c = String.charAt( i );
if (Letters.indexOf( c ) < 0)
return false;
}
return true;
}
function CheckForm()
{
if(! isNumber(document.form.TEL.value)) {
alert("您的电话号码不合法!");
document.form.TEL.focus();
return false;
}
return true;
}
</script>
2>表单提交验证类
2.1 表单项不能为空
<script language="javascript">
<!--
function CheckForm()
{
if (document.form.name.value.length == 0) {
alert("请输入您姓名!");
document.form.name.focus();
return false;
}
return true;
}
-->
</script>
2.2 比较两个表单项的值是否相同
<script language="javascript">
<!--
function CheckForm()
if (document.form.PWD.value != document.form.PWD_Again.value) {
剩余10页未读,继续阅读
- 粉丝: 10
- 资源: 2
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 《能源转型投资展望:2025年及长远规划》.pdf
- PPTAAD DADAA
- SM2258XT-BGA144-4BGA180-6L-R1019 三星KLUCG4J1CB B0B1颗粒开盘工具 , EC, 3A, 94, 43, A4, CA 七彩虹SL300这个固件有用
- 基于Java开发的日程管理FlexTime应用设计源码
- 基于JavaScript、CSS、HTML的简易DOM版飞机游戏设计源码
- 【C++初级程序设计·配套源码】第1期-语法基础
- 基于华为消费者业务官网的仿制前端首页设计源码
- 影驰战将PS3111 东芝芯片TT18G23AIN开卡成功分享,图片里面画线的选项很重要
- 基于Java和Vue的kopsoftKANBAN车间电子看板设计源码
- 基于Go语言的SharpWxDump微信取证信息分析设计源码
- 基于C语言的USB光盘资料操作教学源码
- 基于GitHub的TypeScript文档中文翻译设计源码
- 【C++初级程序设计·配套源码】第2期-基本数据类型
- 基于Vue和SpringBoot的企业员工管理系统2.0版本设计源码
- 没用333333333333333333333333333333
- C++ STL 高级教程深入浅出版.zip