`

简单的客户端验证电话输入

浏览器 
阅读更多
公司网站上有让用户匿名留言的功能，但是有三个必须的条件，公司或个人名称，联系人，联系电话。对这三个的要求既不想让输入空串就通过，还不想让随便输点东西就通过，特别是
电话要求不想太严格，又想让随便就蒙混过去。一下是测试程序。用户名和电话不能为空，电话号码至少含有7位以上的数字。
<html>
<head>
<title>测试</title>
</head>
<body>
<form action="#">
用户名：<input name="username" id="un">
电话：<input name="tel" id="tel">
<input type="submit" onclick="check()" value="提交">
</form>
<script>
function check(){
var _username = document.getElementById("un").value;
var _tel = document.getElementById("tel").value;

<!-- 去掉字符串两侧的空格 -->
_username = _username.replace(/(^\s*)|(\s*$)/g, "");
_tel = _tel.replace(/(^\s*)|(\s*$)/g, "");

if(_username !="" && _tel !="") {
alert(_username);
alert(_tel);
}

<!-- 电话号码中必须含有7位以上的数字 -->
var tel = _tel.match("[0-9]{7}");
if(tel != null) {
alert(_tel);
}
return false;
}
</script>
</body>
</html>
分享到：
| 面试时能和面试官聊的一些struts1的特性
评论
1 楼 lqw8668 2009-02-02  
不支持多浏览器！！
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript客户端输入验证

    通过这些基础功能，我们可以简单地验证用户输入是否为空，或者长度是否符合规定。 更复杂的验证通常涉及正则表达式（Regular Expression），一种强大的文本处理工具。JavaScript中的`test()`或`match()`方法可以与...

    JS 客户端验证JS 客户端验证JS 客户端验证JS 客户端验证JS 客户端验证

    JavaScript（JS）客户端验证是Web开发中的重要环节，它主要用于在用户提交数据前对输入进行检查，确保数据的完整性和正确性，减少服务器端的压力，提高用户体验。客户端验证通过JavaScript脚本实现，可以在用户填写...

    JavaScript客户端验证和页面特效制作(JavaScript)

    本文将深入探讨JavaScript客户端验证和页面特效制作的核心知识点。 **一、JavaScript客户端验证** 客户端验证是在用户提交表单之前，通过JavaScript在用户浏览器端进行的数据检查。这有助于提高用户体验，减少...

    js客户端验证常见函数

    JavaScript客户端验证是网页开发中必不可少的一环，它主要用于在用户提交数据前检查输入的有效性和格式，从而提高用户体验并减轻服务器端的压力。以下是一些常见的JavaScript验证函数及其详细说明： 1. 判断是否是...

    客户端脚本验证总结

    HTML5引入了一些新的属性，如`required`、`pattern`、`min`、`max`等，可以与JavaScript结合使用，提供基本的客户端验证。 五、事件驱动验证 1. `onsubmit`: 表单提交时触发，用于验证整个表单。 2. `onchange`: ...

    我是佛山人版客户端验证

    客户端验证在Web开发中扮演着至关重要的角色，它能够实时检查用户输入的有效性，提高用户体验，同时减轻服务器端的压力。 1. **客户端验证**： 客户端验证是指在用户提交数据到服务器之前，在用户的设备（如浏览器...

    JS客户端表单验证框架

    在压缩包中的"JS表单客户端验证-Validator"文件中，用户可以找到详细的使用说明文档。这份文档通常包括框架的安装步骤、API参考、示例代码以及常见问题解答等部分，是快速上手和深入理解框架功能的关键资源。通过...

    JavaScript客户端验证和页面特效制作

    在本课程“JavaScript客户端验证和页面特效制作”中，我们将深入探讨如何利用JavaScript来增强用户体验，并确保数据的有效性和安全性。 一、JavaScript客户端验证 客户端验证是在用户提交数据之前，在用户的设备上...

    JS正则验证大全 (.Net客户端验证)

    "JS正则验证大全 (.Net客户端验证)"这个资源集成了多种常见的JavaScript正则表达式，用于各种常见数据类型的验证，如电子邮件、电话号码、日期等。 正则表达式（Regular Expression）是模式匹配工具，可以用来进行...

    jsp客户端验证javascript

    根据给定的文件信息，我们可以深入探讨JSP与JavaScript在客户端验证中的应用，以及如何通过JavaScript函数实现对用户输入的有效性检查。以下是对文件中提到的各个知识点的详细解析： ### JSP与JavaScript结合进行...

    JS客户端验证与页面特效制作

    在这个“JS客户端验证与页面特效制作”的项目实战中，我们将深入探讨如何利用JS提升用户体验并确保数据的准确性。 一、客户端验证 1. **基本验证规则**：在表单提交前，JS可以执行实时验证，如检查输入的邮箱格式...

    JavaScript客户端验证和页面特效制作内测

    在网页开发中，JavaScript客户端验证扮演着至关重要的角色，它能够实时检查用户输入的数据，提高用户体验并减轻服务器端的压力。JavaScript客户端验证通常包括对表单数据的合法性检查，如邮箱格式、电话号码、密码...

    北大青鸟 JavaScript客户端验证和页面特效制作

    客户端验证是提高用户体验的重要手段，它允许在用户提交数据前就检查输入的有效性，减少了服务器端的压力。JavaScript提供了丰富的API和库来实现这种验证，如表单验证、数据格式检查（如邮箱、电话号码）以及密码...

    javascript客户端验证和页面特效制作项目案例

    首先，客户端验证是确保用户输入数据有效性的关键步骤。JavaScript可以在用户提交表单前进行实时验证，避免无效数据提交到服务器，减少服务器负载，提高用户体验。常见的验证包括但不限于：非空检查、邮箱格式验证、...

    华丽的CSS3+HTML5表单客户端验证

    `pattern`属性则允许我们自定义正则表达式，对输入进行更复杂的匹配，如电话号码或邮政编码。 其次，CSS3提供了丰富的样式选择器和动画效果，使我们可以为表单元素设计出各种美观的样式。比如，使用`:valid`和`:...

    JQuery_客户端文本验证

    jQuery使得客户端文本验证变得简单且灵活。结合jQuery验证插件和其他工具，我们可以创建出用户体验良好、功能完备的验证机制。无论是在简单的表单还是复杂的业务场景下，jQuery都能提供高效且易于维护的解决方案。...

    一个高效通用而又简单易用的客户端表单输入验证类库函数

    首先，我们来探讨JavaScript在客户端验证中的作用。JavaScript是一种轻量级的解释性脚本语言，它可以在用户的浏览器上运行，无需服务器交互即可执行代码。通过在前端进行验证，我们可以即时反馈用户输入的错误，减少...

    html5客户端表单验证

    虽然HTML5的客户端验证功能在现代浏览器中支持良好，但老版本的浏览器可能不支持。因此，开发时应结合JavaScript进行验证，确保在所有浏览器中都能实现表单验证。 六、JavaScript增强验证 使用JavaScript库如jQuery...

Magicbox
Global site tag (gtag.js) - Google Analytics