<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. Django补充及初识Ajax

    Django创建一对多表结构 首先现在models.py中写如下代码: from django.db import models # Create your models here. class Bu ...

  2. ps commad

    要对系统中进程进行监测控制,查看状态,内存,CPU的使用情况,使用命令:/bin/ps (1)         ps :是显示瞬间进程的状态,并不动态连续: (2)         top:如果想对进 ...

  3. EF实体框架之CodeFirst一

    对于SQL Server.MySql.Oracle等这些传统的数据库,基本都是关系型数据库,都是体现实体与实体之间的联系,在以前开发时,可能先根据需求设计数据库,然后在写Model和业务逻辑,对于Mo ...

  4. Python异步通信模块asyncore

    https://docs.python.org/2/library/asyncore.html This module provides the basic infrastructure for wr ...

  5. sdk命令

    SDK命令 常用sdk命令 开启adb服务:adb start -server 关闭adb服务:adb kill -server 查看模拟器/真机:adb devices 安装/卸载/运行程序: 安装 ...

  6. Windows Phone 十四、磁贴通知

    磁贴(Tile) Windows Phone 磁贴种类: 小尺寸 SmallLogo:71x71: Square71x71 中等 Logo:150x150: Square150x150 宽 WideL ...

  7. webapi返回json格式优化

    一.设置webapi返回json格式 在App_Start下的WebApiConfig的注册函数Register中添加下面这代码 config.Formatters.Remove(config.For ...

  8. VS 与JIRA Bamboo的连接

    atlassian-vs-connector 可以百度下地址 一些配置     效果:        

  9. window7下安装第三方包报错及解决

    window7 64位下安装第三方包,,比如安装yaml的exe执行文件,会 报错及解决:python version 2.7(3.4) required,which was not found in ...

  10. C语言 01 形参实参

    之前的都在印象笔记记录 continue 结束本轮循环体,进入下一次循环.break 直接结束整个while循环 形参:定时函数时函数名后面中的参数实参:调用函数时传入的具体数据基本数据类型作为形参, ...