<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. Javascript的GET、POST请求

    POST.GET传输数据大小限制 HTTP协议规范没有对URL长度进行限制,也没有限制消息主体的大小,所以从理论上讲,GET.POST是没有大小限制的.那又为什么在使用过程中会有大小限制呢?? GET ...

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

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

  3. 搭建Python+Django开发环境

    第一步:安装python. 常见的windows系统,直接python网站下载 最新的版本python3.5. python安装好之后,配置好环境变量.使得python和 pip命令能够正常使用. 第 ...

  4. iis部署文件支持svg

    今测试的一个asp网站代码,在本地一切正常,可是上传到服务器上之后就发现一些图标不显示了.图片在文件路径存在,但是访问不了,经查询.svg的图片想要在iis(iis7支持)上能正常打开,还需要做一下映 ...

  5. spring ioc三种注入方式

    spring ioc三种注入方式 IOC ,全称 (Inverse Of Control) ,中文意思为:控制反转 什么是控制反转? 控制反转是一种将组件依赖关系的创建和管理置于程序外部的技术. 由容 ...

  6. mysql 表迁移

    http://blog.csdn.net/evan_endian/article/details/8652528  mysql中把一个表的数据批量导入另一个表中   不管是在网站开发还是在应用程序开发 ...

  7. HTML5表单那些事

    //一般写法 <form method="post" action="http://xxx:port/form"></form> //高 ...

  8. struts2漏洞与修复

    步骤: 1.下载struts-2.3.16.3-all, D:\TEST\struts2.3.16.3 2.替换jar,参考 http://blog.csdn.net/spyjava/article/ ...

  9. listview和checkbox的冲突的用法

    package com.exaple.music; import java.util.List; import java.util.Timer; import java.util.TimerTask; ...

  10. 读书笔记 --TCP :传输控制协议(一)

    TCP提供一种面向连接的,可靠的字节流服务. TCP 通过如下方式来提供可靠性: 应用数据被分割成TCP认为最适合发送的数据块. 超时重传机制.TCP发出一个段后,启动一个定时器,等待目的端确认收到这 ...