JavaScript表单验证实例之验证表单项是否为空_javascript技巧_脚本之家

表单验证大约在每三个亟需登记大概登入的网址是不能缺少的,某些验证则十分的复杂性,能够说是有滋有味给你的渴求,可是本章节只介绍一下表单中最简便易行的认证办法,正是判断是或不是为空,有些供给非常低的网址对此已经满意急需了。

   js简单表单验证 window.onload=function(){var bt=document.getElementById;bt.onclick=function(){if(document.myform.name.value==""){alert;document.myform.name.focus();return false;} else if(document.myform.pw.value==""){alert;document.myform.pw.focus();return false; }}}

上述代码,当点击提交按键的时候,能够进行简要的表单验证,借使表单项为空,那么就能够弹出提醒,何况将核心归入当前表单项,代码比较容易,这里距十分少介绍了,能够参照相关阅读。

上边在来看下js验证表单实例代码:

gspan.html

   表单验证实例   span{ font-size:px; } .stats{ color : #ccc; } .stats{ color :black; } .stats{ color :red; } .stats{ color :green; }     

check.js

function gspan{ //获取表单后的span 标签 显示提示信息if (cobj.nextSibling.nodeName != 'SPAN'){ gspan; } else { return cobj.nextSibling;}} //检查表单 obj fun click  function check(obj, info, fun, click){ var sp = gspan; obj.onfocus = function(){ sp.innerHTML = info; sp.className = 'stats';}obj.onblur = function){sp.innerHTML = "输入正确!";sp.className = "stats";} else {sp.innerHTML = info;sp.className = "stats";}}if {obj.onblur();}}onload = regs; //页面载入完执行function regs{var stat = true; //返回状态, 提交数据时用到username = document.getElementsByName[];password = document.getElementsByName[];chkpass = document.getElementsByName[];email = document.getElementsByName[];check(username, "用户名的长度在-之间", function{if  && val.length >= && val.length <=){return true;} else {stat = false;return false;}}, click);check(password, "密码必须在-位之间", function{if  && val.length >= && val.length <=){return true;} else {stat = false;return false;}}, click);check(chkpass, "确定密码要和上面一致,规则也要相同", function{if  && val.length >= && val.length <= && val == password.value){return true;} else {stat = false;return false;}}, click);check(email, "请按邮箱规则输入", function{if (val.match{return true;} else {stat = false;return false;}}, click);return stat;}

发表评论

电子邮件地址不会被公开。 必填项已用*标注