<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. 判断网站地址是否是http开头

    var url = ""; if(!string.IsNullOrEmpty(Model.WebsiteURL)){ url = Model.WebsiteURL.ToString ...

  2. NGINX、PHP-FPM开机自动启动

    NGINX SHELL脚本   放到/etc/init.d/下取名nginx #!/bin/sh # # nginx - this script starts and stops the nginx ...

  3. VC6.0中友元函数无法访问类私有成员的解决办法

    举个例子: 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 #inclu ...

  4. ios - runtime运行时应用---交换方法

    runtime运行时用法之一 --- 交换类的方法,此处简单写了把系统的UIView的setBackgroundColor的方法换成了自定义的pb_setBackgroundColor 首先创建UIV ...

  5. Android四大组件之Activity

    实验内容 了解Activity的四个状态 Activity的生命周期 启动另外一个Activity 实验要求 编码实现观察Activity的生命周期函数执行过程 编码实现启动另外一个Activity ...

  6. leetcode pow(x,n)实现

    题目描述: 自己实现pow(double x, int n)方法 实现思路: 考虑位运算.考虑n的二进制表示形式,以n=51(110011)为例,x^51 = x^1*x^2*x^16*x^32,因此 ...

  7. 新上市Lighthouse专用芯片TS3633规格介绍

    背景介绍 Valve 有远大的愿景.它决心要把 SteamVR 追踪系统推向世界,从虚拟现实里的空间定位,到机器人领域,Valve 想为各种环境下的跟踪应用提供支持. 上个月,Valve 方面宣布会把 ...

  8. Markdown语法说明(详解版)

    ####date: 2016-05-26 20:38:58 tags: Markdown tags && Syntax ##Markdown语法说明(详解版)杨帆发表于 2011-11 ...

  9. php开发客服系统(持久连接+轮询+反向ajax 转载 http://www.tuicool.com/articles/2mU7v2R)

    php开发客服系统( 下载源码 ) 用户端(可直接给客户发送消息) 客服端(点击用户名.即可给该用户回复消息) 讲两种实现方式: 一:iframe + 服务器推技术comet(反向ajax,即服务器向 ...

  10. 夺命雷公狗-----React---19--表单的值的修改

    少了1个e,在代码部分补回,否则会报错 <!DOCTYPE> <html> <head> <meta charset="utf-8"> ...