<script type="text/javascript">
     function $(id) {
         return document.getElementById(id);
     }
        
     function check() {
         var email = $("email").value;
         var password = $("password").value;
         var repassword = $("repassword").value;
         var name = $("name").value;
            
         $("emailinfo").innerHTML = "";
         $("passwordinfo").innerHTML = "";
         $("repasswordinfo").innerHTML = "";
         $("nameinfo").innerHTML = "";
            
         if(email == "") {
             $("emailinfo").innerHTML = "Email值不能为空";
             $("email").focus();
             return false;
         }
            
         if(email.indexOf("@") == -1 || email.indexOf(".") == -1) {
             $("emailinfo").innerHTML = "邮箱格式不正确,必须包含@和.";
             $("email").focus();
             return false;
         }
            
         if(password == "") {
             $("passwordinfo").innerHTML = "密码不能为空";
             $("password").focus();
             return false;
         }
            
         if(password.length < 6) {
             $("passwordinfo").innerHTML = "密码长度必须大于或者等于6";
             $("password").focus();
             return false;
         }
            
         if(repassword != password) {
             $("repasswordinfo").innerHTML = "两次输入的密码不一致";
             $("repassword").focus();
             return false;
         }
            
         if(name == "") {
             $("nameinfo").innerHTML = "姓名不能为空";
             $("name").focus();
             return false;
         }
            
         for(var i = 0; i < name.length; i++) {
             var j = name.subString(i , i+1);
             if(isNaN(j) == false) {
                 $("nameinfo").innerHTML = '姓名中不能包含数字';
                 $("name").focus();
                 return false;
             }
         }
     }
 </script>
 
 <form name="login_form" method="post" onsubmit="return check()">
 <div>
 Email:<input type="text" name="email" id="email"/><span id="emailinfo"></span>
 </div>
     <br>
 <div>
 密码:<input type="password" name="password" id="password" /><span id="passwordinfo"></span>
 </div>
 <br>    
 <div>
 重输密码:<input type="password" name="repassword" id="repassword" /><span id="repasswordinfo"></span>
 </div>
     <br>
 <div>
 姓名:<input type="text" name="name" id="name" /><span id="nameinfo"></span>
 </div>
 <br>    
 <div>
 <input type="submit" value="注册" />
 </div>
 </form>

javaScript 验证表单提交的更多相关文章

  1. 项目总结15:JavaScript模拟表单提交(实现window.location.href-POST提交数据效果)

    JavaScript模拟表单提交(实现window.location.href-POST提交数据效果) 前沿 1-在具体项目开发中,用window.location.href方法下载文件,因windo ...

  2. Javascript阻止表单提交

    Javascript阻止表单提交 Html 1.<form name="loginForm" action="login.aspx" method=&qu ...

  3. javascript实现表单提交加密

    javascript实现表单提交加密 通常表单的提交有两种方式,一是直接通过html的form提交,代码如下: <form action="" method="&q ...

  4. JavaScript form表单提交与验证

    原网址:https://blog.csdn.net/vipwxs/article/details/79119701 一.form对象的属性: name:获取表单的名称,该name一般给JS使用 met ...

  5. 如何通过纯javascript实现表单提交

    通常,如果是POST方法,一般使用vuejs+axios,或使用Jquery实现表单提交.有些地方,我想使用纯JS实现,比方简单的登陆跳转.话不多说,看原代码, laravel中的HTML部分,如果不 ...

  6. JavaScript进行表单提交

    表单结构,设置form表单的id属性,method="post/get","action"要跳转的页面(jsp或servlet) <form name=& ...

  7. AngularJS 表单提交后显示验证信息与失焦后显示验证信息

    虽然说AngularJS的实时表单验证非常有用,非常高效方便,但是当用户还没有完成输入时便弹出一个错误提示,这种体验是非常糟糕的. 正常的表单验证逻辑应该是在用户提交表单后或完成当前字段中的输入后,再 ...

  8. 第一百五十四节,封装库--JavaScript,表单验证--提交验证

    封装库--JavaScript,表单验证--提交验证 将表单的所有必填项,做一个判断函数,填写正确时返回布尔值 最后在提交时,判断每一项是否正确,全部正确才可以 提交 html <div id= ...

  9. asp.net mvc 模型验证注解,表单提交

    一.添加模型 public class Account { public int ID { get; set; } [Display(Name = "姓名")] //设置要显示的字 ...

随机推荐

  1. Java中的Atomic包使用指南

    Atomic包介绍 在Atomic包里一共有12个类,四种原子更新方式,分别是原子更新基本类型,原子更新数组,原子更新引用和原子更新字段.Atomic包里的类基本都是使用Unsafe实现的包装类. 原 ...

  2. (转)小心FPGA的JTAG口(上电和下电顺序)

    同志们,根据ALTERA官方FAE(现场应用工程师)的强烈建议,请注意不要随意带电插拔你的JTAG下载接口,否则会损坏FPGA芯片的JTAG口信号管脚.现象:在排除了下载线的问题后,还是不能访问FPG ...

  3. react lazyload

    思路: DOM加载时,<img> 标签里,添加data-src路径 = src 路径, src路径 = 本地默认图片路径, DOM加载完成后,监听页面可视区域,有data-src时,就将s ...

  4. 如何使用JDBC链接数据库

    1.加载数据库驱动 不同的数据库加载的驱动不一样 Class.forName(com.MySQL.jdbc.Driver) Class.forName(oracle.jdbc.driver.Oracl ...

  5. Molile App(HTTP/HTML)—Analyze Traffic

  6. 支持向量机(SVM)相关免费学习视频集锦

    http://www.matlabsky.com/thread-36823-1-1.html [其它] 支持向量机(SVM)相关免费学习视频集锦    [复制链接]     faruto 签到天数: ...

  7. 日志时间格式有s,ms,us,如何排序最大10行

    这个比较繁琐,谁有更好方法?告诉我  [root@module tmp]# cat oldboy.txt       12s120001ms12000000us13s[root@module tmp] ...

  8. Java操作excel

    慕课网的好课程: http://www.imooc.com/learn/354

  9. [转]asp三级select菜单联动(加数据库)

    '数据库结构'类别1表名称:a 字段:ID,Name 说明:ID为主键是类别1的ID值,Name为类别1的名称'类别2表名称:aa 字段:ID,aID,Name 说明:ID为主键是类别2的ID值,aI ...

  10. 夺命雷公狗-----React---25--小案例之react经典案例todos(单选框的修改)

    还是老样子,首先给li里面的单选框一个函数,然后通过props来对她进行处理 然后在ul里面对父组建进行传送 补充一下啊第一步,因为到时候要用到index属性,所以我们需要发送多一个index过来 然 ...