使用onsubmit实现表单验证

简单介绍一下onsubmit事件

• 定义和用法：
  onsubmit 事件会在表单中的确认按钮被点击时发生。
• 语法：
  onsubmit=”SomeJavaScriptCode”
  支持该事件的 HTML 标签：

<form>

支持该事件的 JavaScript 对象：
form
实例展示：
html部分

<form id="form_add_demaster" onsubmit="return  checkForm()">        <div class="team-box">            <label class="sm-2">登录账号：</label>            <div class="sm-8">                <input name="username" type="text" placeholder="建议使用工号作为登录名">            </div>        </div>        <div class="team-box">            <label class="sm-2">密　码：</label>            <div class="sm-8">                <input  name="password" type="password" placeholder="注意：密码不修改请留空！"><span style="color:red">　*</span>            </div>        </div>        <div class="team-box">            <label class="sm-2">姓　名：</label>            <div class="sm-8">                <input  name="truename" type="text" placeholder="请输入真实姓名">            </div>        </div>        <div class="team-box">            <label class="sm-2">工　号：</label>            <div class="sm-8">                <input  name="idnumber" type="text" placeholder="请输入工号">            </div>        </div>        <div class="team-box">            <label class="sm-2">邮　箱：</label>            <div class="sm-8">                <input name="email" type="text" placeholder="请输入你的真实邮箱">            </div>        </div>        <div class="team-box">            <label class="sm-2">手　机：</label>            <div class="sm-8">                <input name="telephone" type="text" placeholder="11位阿拉伯数字">            </div>        </div>        <div class="team-box" style="width:100%;">            <div class="sm-10">                <button  type="submit" class="btn-bbg mar-lt" >保存</button>            </div>        </div>    </form>

Javascript部分

function checkForm() {        var username=$('input[name=username]').val();        var password=$('input[name=password]').val();        var truename=$('input[name=truename]').val();        var email=$('input[name=email]').val();        var mobile=$('input[name=telephone]').val();        var message='';        if(!(username && password && truename)){            message+='登录名/密码/姓名不能为空！';        }        if(email!=''){            var reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;            if(reg.test(email)==false){                message+='邮箱格式不正确!\r\n';            }        }        if(mobile!=''){            var reg=/^1[3,5,8,7]{1}[\d]{9}$/;            if(reg.test(mobile)==false){                message+='手机号码格式不正确!\r\n';            }        }        if(message){            alert(message);            return false;        }        return true;    }