`
wx1568844008
  • 浏览: 5394 次
文章分类
社区版块
存档分类
最新评论

js的几种表单验证

 
阅读更多
1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制
<script>
function test()
{
if(document.a.b.value.length>50)
{
alert("不能超过50个字符!");
document.a.b.focus();
return false;
}
}
</script>
2:js验证邮箱格式
<SCRIPT LANGUAGE=javascript RUNAT=Server>
function isEmail(strEmail) {
if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
return true;
else
alert("oh");
}
</SCRIPT>
3: js屏蔽关键字(这里屏蔽***和****)
<script language="javascript1.2">
function test() {
if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){
alert(":)");
a.b.focus();
return false;}
}
</script>
4: js两次输入密码是否相同
<script>
function check()
{
with(document.all){
if(input1.value!=input2.value)
{
alert("false")
input1.value = "";
input2.value = "";
}
else document.forms[0].submit();
}
}
</script>
5:js屏蔽右键
oncontextmenu="return false" ondragstart="return false" onselectstart="return false"加在body中
6: js判断表单项不能为空
<script   language="javascript"><!--
function   CheckForm()
{
if   (document.form.name.value.length   ==   0)   {
alert("请输入您姓名!");
document.form.name.focus();
return   false;
}
return   true;
}
-->
</script>
7:js比较两个表单项的值是否相同
<script   language="javascript">
<!--
function   CheckForm()
if   (document.form.PWD.value   !=   document.form.PWD_Again.value)   {
alert("您两次输入的密码不一样!请重新输入.");
document.ADDUser.PWD.focus();
return   false;
}
return   true;
}
-->
</script>
8:js判断表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等
<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>
 
9:js判断表单项输入数值/长度限定
<script   language="javascript"><!--
function   CheckForm()
{
if   (document.form.count.value   >   100   ||   document.form.count.value   <   1)
{
alert("输入数值不能小于零大于100!");
document.form.count.focus();
return   false;
}
if   (document.form.MESSAGE.value.length<10)
{
alert("输入文字小于10!");
document.form.MESSAGE.focus();
return   false;
}
return   true;
}
//-->
</script>
10:js判断中文/英文/数字/邮件地址合法性判断
<SCRIPT   LANGUAGE="javascript"><!--
function   isEnglish(name)   //英文值检测
{
if(name.length   ==   0)
return   false;
for(i   =   0;   i   <   name.length;   i++)   {
if(name.charCodeAt(i)   >   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)
return   true;
}
return   false;
}
function   isMail(name)   //   E-mail值检测
{
if(!   isEnglish(name))
return   false;
i   =   name.indexOf("   at   ");
j   =   name   dot   lastIndexOf("   at   ");
if(i   ==   -1)
return   false;
if(i   !=   j)
return   false;
if(i   ==   name   dot   length)
return   false;
return   true;
}
function   isNumber(name)   //数值检测
{
if(name.length   ==   0)
return   false;
for(i   =   0;   i   <   name.length;   i++)   {
if(name.charAt(i)   <   "0"   ||   name.charAt(i)   >   "9")
return   false;
}
return   true;
}
function   CheckForm()
{
if(!   isMail(form.Email.value))   {
alert("您的电子邮件不合法!");
form.Email.focus();
return   false;
}
if(!   isEnglish(form.name.value))   {
alert("英文名不合法!");
form.name.focus();
return   false;
}
if(!   isChinese(form.cnname.value))   {
alert("中文名不合法!");
form.cnname.focus();
return   false;
}
if(!   isNumber(form.PublicZipCode.value))   {
alert("邮政编码不合法!");
form.PublicZipCode.focus();
return   false;
}
return   true;
}
//-->
</SCRIPT>
 
11:js限定表单项不能输入的字符
<script   language="javascript"><!--
function   contain(str,charset)//   字符串包含测试函数
{
var   i;
for(i=0;i<charset.length;i++)
if(str.indexOf(charset.charAt(i))>=0)
return   true;
return   false;
}
function   CheckForm()
{
if   ((contain(document.form.NAME.value,   "%\(\)><"))   ||   (contain(document.form.MESSAGE.value,   "%\(\)><")))
{
alert("输入了非法字符");
document.form.NAME.focus();
return   false;
}
return   true;
}
//-->
</script>
12:js检查一段字符串是否全由数字组成         
<script language="Javascript"><!--         
function checkNum(str){return str.match(/\D/)==null}         
alert(checkNum("1232142141"))         
alert(checkNum("123214214a1"))         
// --></script>           
13:js怎么判断是否是字符
<script language="Javascript"><!--         
function checkChr(str)  
if (/[^\x00-\xff]/g.test(s)) alert("含有汉字");        
else alert("全是字符");    
// --></script>        
 
14: 邮箱格式验证  
<script language="Javascript"><!-- 
//函数名:chkemail   
//功能介绍:检查是否为Email Address   
//参数说明:要检查的字符串   
//返回值:0:不是 1:是   
function chkemail(a)   
{ var i=a.length;   
var temp = a.indexOf('@');   
var tempd = a.indexOf('.');   
if (temp > 1) {   
if ((i-temp) > 3){   
if ((i-tempd)>0){   
return 1;   
}   
 
}   
}   
return 0;   
}   
// --></script>
15.如果其中有数字英文符号等,用楼上的 alert("1sS#符".length) 方法是极度不准确的。其结果为 5
alert(len("1sS#符")) //英文、数字、符号均为一个字节,汉字为两个。 因此结果为 6
function len(s) {
var l = 0;
var a = s.split("");
for (var i=0;i<a.length;i++) {
 if (a[i].charCodeAt(0)<299) {
  l++;
 } else {
  l+=2;
 }
}
return l;
}

转载于:https://my.oschina.net/u/2353689/blog/417674

分享到:
评论

相关推荐

    js几种常用表单验证控件

    这篇文档将深入探讨JavaScript中几种常用的表单验证控件和方法。 一、基本的HTML5验证 HTML5引入了内置的表单验证属性,如`required`、`pattern`、`min`、`max`等,使得验证变得更加简单。例如: ```html ``` ...

    JS--几种表单验证方式

    下面我们将深入探讨几种常见的JS表单验证方式。 1. **基本的JavaScript验证**: 基于JavaScript的验证通常是通过在HTML表单元素上添加`onsubmit`事件来实现的。当用户尝试提交表单时,会触发这个事件,然后执行...

    js手机注册表单验证代码.zip

    "js手机注册表单验证代码.zip" 文件提供了一种简单的解决方案,用于实现手机注册过程中的用户输入验证。这个压缩包包含了必要的HTML和JavaScript代码,用于创建一个包含用户名、密码以及手机验证码功能的表单。 ...

    使用JavaScript语言进行表单验证

    ### 使用JavaScript语言进行表单验证 #### JavaScript与表单验证的重要性 随着互联网技术的飞速发展,表单作为用户向服务器提交数据的主要方式之一,在现代Web应用中扮演着至关重要的角色。为了确保提交的数据准确...

    万能通用智能JS表单验证

    本主题聚焦于“万能通用智能JS表单验证”,这是一种利用JavaScript实现的高效、灵活的表单验证技术。表单验证是用户交互过程中的关键环节,它能够确保用户输入的数据符合预设的规则,从而减少服务器端的压力,提升...

    jQuery几种表单的验证

    下面我们将深入探讨jQuery实现的几种常见表单验证方法。 首先,我们来看jQuery的基本用法。在jQuery中,我们可以通过选择器选取DOM元素,然后对其执行各种操作。对于表单验证,我们通常会在用户提交表单时触发事件...

    JS实现的表单验证和强大的身份证

    - **扩展应用**:除了上述几种基本的验证方式外,还可以根据实际需求添加更多的验证逻辑,比如日期验证、电话号码验证等。 - **安全性**:虽然前端验证可以提供良好的用户体验,但不应仅依赖前端验证。所有的验证都...

    JS通用表单验证函数1

    "JS通用表单验证函数1"是一个针对这一需求的解决方案,它提供了一种灵活且可复用的方法来验证不同类型的表单字段。 该资源可能包含一个或多个JavaScript函数,用于验证不同类型的数据,如数字、电子邮件、电话号码...

    利用JS文件来优化网站表单验证和提交代码

    为了提升开发效率和代码质量,本文提出了通过JavaScript(JS)文件来优化网站表单验证和提交代码的方案。以下是根据给定文件内容生成的详细知识点。 知识点一:JavaScript的表单验证和提交优化 JavaScript是一种...

    JQuery实现表单验证

    表单验证通常包括以下几种类型:非空验证、长度验证、格式验证(如邮箱、电话号码)、唯一性验证等。在"JQuery实现表单验证"的案例中,描述中提到有五种不同的提示方式,这些可能包括错误消息的显示位置、样式、动画...

    php+ajax表单无刷新验证

    PHP与AJAX(Asynchronous JavaScript and XML)结合的表单验证技术可以实现无刷新验证,即在用户输入时即时检查数据有效性,无需等待完整的表单提交,从而显著提升交互体验。 **一、AJAX基础** AJAX 是一种创建...

    js 表单验证(jquery表单验证)

    JavaScript 和 jQuery 在网页开发中扮演着重要角色,特别是在表单验证方面。JavaScript 是一种轻量级的客户端脚本语言,而 jQuery 是一个流行的 JavaScript 库,它简化了 DOM 操作、事件处理和动画效果。本篇文章将...

    简单实用表单验证实例

    "简单实用表单验证实例"是一个专注于这个主题的资源,提供了一种直观且易于使用的解决方案。在这个实例中,不仅包含了基本的验证功能,还融合了视觉样式,提升用户体验。 表单验证主要涉及到以下几个方面: 1. **...

    轻松搞定js表单验证

    在这篇文章中,将探讨如何使用JavaScript(简称JS)轻松实现表单验证,而且无需编写任何一行验证代码。具体来说,这里的表单验证是通过引入外部的JS库来完成的。 首先,需要明确的一点是,虽然文章提到了“不用一行...

    struts的表单验证

    验证规则可以包括但不限于以下几种: - 必填字段检查 - 长度限制 - 数据类型检查(如整数、日期、邮箱地址等) - 自定义逻辑验证 如果验证失败,Struts会将错误信息添加到ActionContext,然后在JSP页面中显示...

    javascript万用表单验证

    JavaScript表单验证可以通过以下几种方式实现: 1. **事件监听**:利用JavaScript的事件监听机制,如`onsubmit`、`onchange`等,可以在用户提交表单或更改输入时立即执行验证函数。 2. **正则表达式**:JavaScript...

    表单JS验证代码汇总

    以上示例展示了几种常见的表单验证方法,这些方法可以帮助开发者在前端对用户输入进行初步的校验,从而提高用户体验并减轻后端服务器的压力。当然,在实际应用中还需要结合后端验证以及更完善的前端框架来实现更安全...

    JavaScript表单验证

    JavaScript表单验证是Web开发中的一个关键环节,它主要用于确保用户在提交数据前输入的信息符合预设的格式和规则,从而提高数据质量和用户体验。在HTML表单中,我们经常使用JavaScript来实现动态验证,因为这种...

Global site tag (gtag.js) - Google Analytics