<form action=""  method="post" onsubmit="return validte()">
<div class="regist-top">
<ul class="regist-form">
<li><label for="">姓 名</label><input type="text" name="username" id="username">
<span class="error_info" id="name_error"></span>
</li>
<li><label for="">学 校</label><input type="text" name="school" id="school">
<span class="error_info" id="school_error"></span>
</li>
<li><label for="">手 机</label><input type="text" name="phonenumber" id="phonenumber">
<span class="error_info" id="phone_error"></span>
</li>
<li class="last">
<label for="">QQ</label><input type="text" name="qq" id="qq">
<span class="error_info" id="qq_error"></span>
</li>
</ul>
</div>
<div class="tc"><input type="submit" class="submit" value="离大使就差一步了,赶紧提交吧!"></div>
</form>

$(function(){
$("#username").on({
"blur":function(){username();},
"focus":function(){$("#name_error").text("");}
});
$("#school").on({
"blur":function(){school();},
"focus":function(){$("#school_error").text("");}
});
$("#phonenumber").on({
"blur":function(){phonenumber();},
"focus":function(){$("#phone_error").text("");}
});
$("#qq").on({
"blur":function(){ qq();},
"focus":function(){ $("#qq_error").text("");}
});
});
function validte(){

if(username() && school() && phonenumber() && qq()){
return true;
}else{
return false;
}
}
function username(){
var username=$("#username").val();
var testUsername = /^[\u4e00-\u9fa5a-zA-Z0-9]{3,12}$/.test(username);

if(username==""){
$("#name_error").text("姓名不能为空");
return false;
}else if (!testUsername) {
$("#name_error").text("姓名格式不正确");

return false;
}
return true;
}
function school(){
var school=$("#school").val();
if(school==""){
$("#school_error").text("学校不能为空");
return false;
}
return true;
}
function phonenumber(){
var phonenumber=$("#phonenumber").val();
var testPhonenumber=/^1[3|4|5|8][0-9]\d{8}$/.test(phonenumber);
if(phonenumber==""){
$("#phone_error").text("手机号不能为空");
return false;
}else if (!testPhonenumber) {
$("#phone_error").text("手机号格式不正确");
return false;
}
return true;
}
function qq(){
var qq=$("#qq").val();
var testQQ=/^\d{5,10}$/.test(qq);
if(qq==""){
$("#qq_error").text("qq不能为空");
return false;
}else if (!testQQ) {
$("#qq_error").text("qq格式不正确");
return false;

}
return true;
}

form表单提交 type="submit"的更多相关文章

  1. Form表单提交数据的几种方式

    一.submit提交 在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮(<input type='submit'>)就可以进行数据的提交, ...

  2. jQuery Form 表单提交插件-----formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的 应用

    一.jQuery Form的其他api  1.  formSerialize 将表单序列化成查询串.这个方法将返回一个形如: name1=value1&name2=value2的字符串.是否可 ...

  3. jQuery Form 表单提交插件----Form 简介,官方文档,官方下载地址

     一.jQuery Form简介 jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxF ...

  4. form表单提交

    1.form表单提交.html页面失败 <%--客户端form--%> <form id="form2" action="LoginOne.html&q ...

  5. ajax form表单提交 input file中的文件

    ajax form表单提交 input file中的文件 现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件, 为了 ...

  6. 2017-01-11小程序form表单提交

    小程序form表单提交 1.小程序相对于之前的WEB+PHP建站来说,个人理解为只是将web放到了微信端,用小程序固定的格式前前端进行布局.事件触发和数据的输送和读取,服务器端可以用任何后端语言写,但 ...

  7. SpringMVC中使用bean来接收form表单提交的参数时的注意点

    这是前辈们对于SpringMVC接收表单数据记录下来的总结经验: SpringMVC接收页面表单参数 springmvc请求参数获取的几种方法 下面是我自己在使用时发现的,前辈们没有记录的细节和注意点 ...

  8. Form表单提交,Ajax请求,$http请求的区别

    做过前端同学想必都避免不了要和后台server打交道.而以下这三种与后台交互的方式想必大家都不陌生. Form表单提交,Ajax请求,Angular的$http请求 以前一直搞不清楚什么时候应该用哪种 ...

  9. js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题

    js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...

随机推荐

  1. Web Uploader在低版本IE下无法显示Flash的一种情况

    用户反馈在IE 8下无法正常显示Web Uploader控件,并已安装了Flash插件.调试发现在内部抛出了Runtime Error的错误,关键代码如下: Runtime.create = func ...

  2. SQLite 3的中文读写

    调用sqlite3_open函数默认创建的数据库encoding=UTF-8,执行sqlite3_exec时需要将对应的字符串转换为UTF-8格式多字节字符串.比如: sqlite3* db; aut ...

  3. ++ fatal error C1083: 无法打开预编译头文件:“.\Debug\router.pch”

    一.出现此错误首先检查:stdafx.cpp文件上右键——属性,预编译头选“创建”,其它cpp选“使用”. 二.如果是采用这样的设置,还是有错误,重新生成解决方案,重新调试. 三.实在不行的话,步骤/ ...

  4. Promise在await报错后,如何继续往下跑...

    一.resolve 当a>0时,正常情况依次输出A.B.C console.log("A"); let result = await this.test(); console ...

  5. HP P2xxx/MSA SMI-S Provider

    HP P2xxx/MSA SMI-S Provider The HP MSA provider must be enabled before it can be monitored. For more ...

  6. 【CF724F】Uniformly Branched Trees 动态规划

    [CF724F]Uniformly Branched Trees 题意:询问n个点的每个非叶子点度数恰好等于d的不同构的无根树的数目. $n\le 1000,d\le 10$. 题解:先考虑有根树的版 ...

  7. 7.19python昨日复习和多线程(2)

    2018-7-19 21:39:49 我觉得这次的笔记是非常非常完美的!!!明天继续 睡觉去啦! 傍黑时候和晴宝打电话,她特能说,很喜欢这种感觉,有好多东西要和你分享! 1.复习! # !/usr/b ...

  8. HDU 4514 - 湫湫系列故事——设计风景线 - [并查集判无向图环][树形DP求树的直径]

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4514 Time Limit: 6000/3000 MS (Java/Others) Memory Li ...

  9. Oracle体系结构之控制文件管理

    控制文件作用:记录了数据库的结构和行为,有多少个数据文件,日志文件及其位置名称,状态,维护数据库的一致性,即记录了数据库的启动SCN号和终止SCN号. 控制文件的位置和个数记录在参数文件中,通常控制文 ...

  10. Python面向对象:继承和多态

    继承与多态简介: 继承可以把父类的所有功能都直接拿过来,这样就不必重零做起,子类只需要新增自己特有的方法,也可以把父类不适合的方法覆盖重写. 动态语言的鸭子类型特点决定了继承不像静态语言那样是必须的. ...