简单表单JS验证源码

最新推荐文章于 2018-05-20 23:12:34 发布
最新推荐文章于 2018-05-20 23:12:34 发布
阅读量442 收藏
点赞数
分类专栏： JS 文章标签： IT学习平台 IT学堂 IT资讯网 新华IT学堂 电子商务学习网
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27030597/article/details/45034979
版权
function yan()
{ 
var zifuji = new Array ("1","2","3","4","5","6","7" ,"8" ,"9","a" ,"b" ,"c" ,"d" ,"e" ,"f" ,"g" ,"h" ,"j" ,"k" ,"l" ,"m" ,"n" ,"p" ,"q" ,"r" ,"s" ,"t" ,"u" ,"v" ,"w" ,"x" ,"y" ,"z")
var ma=""
for (var i=1;i<=4;i++)
{
ma=ma+zifuji[Math.floor(Math.random()*zifuji.length)];
}  
document.getElementById("xianshi").value=ma;
}
function bianhong(x)
{
document.getElementById(x).style.borderColor="FF0000"
return;
}
function bianhuan(x)
{
document.getElementById(x).style.borderColor=""
return;
}
function yanzheng()
{
var username=document.getElementById("username").value;
if(username=="")
{
document.getElementById("cuowu").innerHTML=("用户名不能为空，请输入!");
document.getElementById("username").focus();
return false;
}
if(username.length<3||username.length>12)
{
document.getElementById("cuowu").innerHTML=("用户名输入错误，请重新输入!");
document.getElementById("username").select();
return false;
}
var pwd=document.getElementById("pwd").value;
if(pwd=="")
{
document.getElementById("cuowu").innerHTML=("密码不能为空，请输入!");
document.getElementById("pwd").focus();
return false;
}
if(pwd.length<6||pwd.length>15)
{
document.getElementById("cuowu").innerHTML=("密码输入错误，请重新输入！");
document.getElementById("pwd").select();
return false;
}
var tianma2=document.getElementById("tianma2").value;
if(tianma2=="")
{
document.getElementById("cuowu").innerHTML=("验证码不能为空，请输入!");
document.getElementById("tianma2").focus();
return false;
}
var Xianshi=document.getElementById("xianshi").value;
if (tianma2.toUpperCase()!=Xianshi.toUpperCase())
{
document.getElementById("cuowu").innerHTML=("验证码输入错误,请重新输入!");
document.getElementById("tianma2").select();


















<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!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>
</head>


<body>
<form id="form1" name="form1" method="post" action="">


<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="150" height="30" align="right">用户名：</td>
    <td width="200" align="center"><input type="text" name="textfield" /></td>
    <td>用户名为6-15位字母</td>
  </tr>
  <tr>
    <td height="30" align="right">密码：</td>
    <td align="center"><input type="text" name="textfield2" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="30" align="right">验证码：</td>
    <td align="center"><input name="textfield3" type="text" size="10" />&nbsp;&nbsp;&nbsp;&nbsp;
      <input name="textfield4" type="text" size="10" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="30" align="right"></td>
    <td align="center"><input type="submit" name="Submit" value="提交" /></td>
    <td>&nbsp;</td>
  </tr>
</table>
</form>
</body>
</html>


yan()
return false;
}
}
IT学堂
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS源代码实现表单验证
写写代码，慢慢进步
08-17 3470
js源代码实现表单验证功能
表单验证的纯js代码
weixin_44736637的博客
12-15 674
表单验证的纯js代码
JavaScript表单验证完美代码
热门推荐
山那边的瘦子
05-20 1万+
用原生JS写一个简单的表单验证功能，代码分为html部分和js部分，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下 用原生JS写一个简单的表单验证 首先，是html部分 &amp;lt;div class=&quot;divAll&quot;&amp;gt; &amp;lt;div id=&quot;titles&quot;&amp;gt;新用户注册&amp;lt;/div&amp;gt;
PHP无刷新表单及数据验证插件源代码.rar
07-09
PHP无刷新表单及数据验证插件源代码，使用了formValidator插件，其核心同样离不开jQuery，jquery.jqtransform.js则是表单验证插件的核心，最后又配合CSS完成了一个漂亮的表单，填写完数据，点提交时候激活插件，若有某项数据不符，会弹出文字提示，不用多介绍了，相信经常做网页的时候，表单判断也算是比较常见了吧。
验证表单验证器
02-20
使用Mixins的Vue表单验证器 为什么？ 今天的前端形式验证越来越普遍。 我们都知道，每次我们尝试提出自定义解决方案时，可能会充满痛苦和混乱。 这些混入文件旨在简化FORM的验证。 只要是具有许多规则和跨字段依赖关系的复杂表格，或者只是一个简单的登录表格。 去做： 安装Jest 添加测试 优化核心方法 每个规则的可覆盖错误消息
js表单验证代码 很全很强大
05-08
一个javascript表单验证，很好用哦
javascript表单验证源码 齐全的表单验证
10-24
JS表单验证包括限制表单为空、超过字数限制、长度限制、信用卡规则、邮箱有效性、url验证、ip有效性、不能为零、大小写验证、日期验证等等多种认证，也可自己添加规则。 已封装，可以直接调用。
分享JS表单验证源码（带错误提示及密码等级）
10-15
以下是一个简单的JS表单验证源码示例，包含了错误提示和密码等级显示功能。 首先，我们看HTML部分。`<input>`标签用于获取用户输入，`placeholder`属性提供输入提示。在密码输入框中，有三个空的`<span>`标签（`id=...
《原生javascript表单验证实例教程》源码
04-02
本文件属于文章《原生javascript表单验证实例教程》的完整代码，在读完原创文章之后可以下载查看代码。代码中有详细的注释说明。html、css、js代码都在同一个文件中。也可以供有需要的朋友在开发中直接使用。
原生js简单表单验证插件特效源码.zip
最新发布
11-10
在提供的压缩包"原生js简单表单验证插件特效源码.zip"中，132687015034188698可能是源码文件的ID或者哈希值，无法直接提供文件内容。通常，这样的源码文件会包含JavaScript代码文件、HTML示例文件以及可能的CSS样式...
表单验证源代码
06-16
表单验证 <script type="text/javascript"> function yanzheng(){ var email =document.getElementById("ema").value; if(email==""){ alert("不能为空") return false; }
html网页用户注册表单验证校验JavaScript源码代码
05-02
html网页用户注册表单验证校验JavaScript源码代码，完整代码已经打包，还迎下载，代码仅供学习参考。 function checkuser(){//检查用户名的方法 var usernameNode=document.getElementById("username");//通过id得到input标签节点 var str=usernameNode.value;//获取到input标签框框里面输入的值，是一个字符串 var regExp = new RegExp("^\\w*$","gm");//一定要写上开头^和结尾$不然匹配上后，没办法排除别的，要打上*号，表示可以0个以上匹配的字符 var ismacth=regExp.test(str);//获得的字符串跟正则表达式做比较 if(str.length !==0){//字符串的长度不等于0则判断字符串是否匹配正则表达式 if(ismacth){//输入的用户名不为空时 document.getElementById("username1").innerHTML="√";//正确时候输出√ document.getElementById("username1").setAttribute("class","duitishi");//设置div标签的class属性为对提示，让它正确的时候显示绿色 }else{//输入的用户名不为空但是有不合法字符时 document.getElementById("username1").innerHTML="× 只能包含数字，字母，下划线"; document.getElementById("username1").setAttribute("class","cuotishi");//设置div标签的class属性为错提示，让它错误的时候显示红色 } }else{//输入的用户名为空时 document.getElementById("username1").innerHTML="请输入用户名"; document.getElementById("username1").setAttribute("class","cuotishi"); } }
js简单的注册表单密码验证代码
11-01
js简单的注册表单密码验证代码
js表单验证代码.html
04-10
<script type="text/javascript"> window.onload = loadForm; function loadForm(){ for(i = 0;i<document.forms.length;i++){ if(document.forms[i].getAttribute("name")=="oform"){ checkForm(document.forms[i]); } } }
JS的实现简单的表单验证
Dreamer的专栏
12-30 950
使用js来实现简单的form表单验证： function validateForm(){ var x = document.forms["myForm"]["fname"].value; var y = document.forms["myForm"]["fsex"].value; if (x == null || x == ""){ alert("姓必须
js验证表单代码
崔崇东的博客
12-17 416
js验证表单demo
js验证框架源码解析：关键函数与原理详解
本文主要介绍了一个实用的JavaScript验证框架的源码实现，该框架着重于客户端输入字段的验证，确保用户提供的数据符合预期规则。框架的核心是`check`函数，它负责处理输入元素的验证逻辑。在`check`方法中，关键部分...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值