form表单提交 type="submit"
<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"的更多相关文章
- Form表单提交数据的几种方式
一.submit提交 在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮(<input type='submit'>)就可以进行数据的提交, ...
- jQuery Form 表单提交插件-----formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的 应用
一.jQuery Form的其他api 1. formSerialize 将表单序列化成查询串.这个方法将返回一个形如: name1=value1&name2=value2的字符串.是否可 ...
- jQuery Form 表单提交插件----Form 简介,官方文档,官方下载地址
一.jQuery Form简介 jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxF ...
- form表单提交
1.form表单提交.html页面失败 <%--客户端form--%> <form id="form2" action="LoginOne.html&q ...
- ajax form表单提交 input file中的文件
ajax form表单提交 input file中的文件 现今的主流浏览器由于ajax提交form表单无法把文件类型数据提交到后台,供后台处理,可是开发中由于某些原因又不得不用ajax提交文件, 为了 ...
- 2017-01-11小程序form表单提交
小程序form表单提交 1.小程序相对于之前的WEB+PHP建站来说,个人理解为只是将web放到了微信端,用小程序固定的格式前前端进行布局.事件触发和数据的输送和读取,服务器端可以用任何后端语言写,但 ...
- SpringMVC中使用bean来接收form表单提交的参数时的注意点
这是前辈们对于SpringMVC接收表单数据记录下来的总结经验: SpringMVC接收页面表单参数 springmvc请求参数获取的几种方法 下面是我自己在使用时发现的,前辈们没有记录的细节和注意点 ...
- Form表单提交,Ajax请求,$http请求的区别
做过前端同学想必都避免不了要和后台server打交道.而以下这三种与后台交互的方式想必大家都不陌生. Form表单提交,Ajax请求,Angular的$http请求 以前一直搞不清楚什么时候应该用哪种 ...
- js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
随机推荐
- vmware12如何安装macOSX虚拟机
vmware默认是不支持创建OSX系统的虚拟机的,但是安装一个名为unlocker208的破解补丁之后就可以安装了. 下载的地址和使用的方法参考这个地址:http://www.jb51.net/sof ...
- CentOS 安装Sqlite3
wget http://www.sqlite.org/sqlite-autoconf-3070500.tar.gz tar xvzf sqlite-autoconf-3070500.tar.gz cd ...
- 23种设计模式之访问者模式(Visitor)
访问者模式是一种对象的行为性模式,用于表示一个作用于某对象结构中的各元素的操作,它使得用户可以再不改变各元素的类的前提下定义作用于这些元素的新操作.访问者模式使得增加新的操作变得很容易,但在一定程度上 ...
- python--利用列表推导式快速生成xml格式数据
在接口自动化测试中,我们经常将要发送的数据放到excel里. json数据放至excel方便,但最近的一个测试,数据是xml格式发送的 如下: 属性 必选/可选 描述 1. Message Eleme ...
- iOS - 友盟集成QQ分享的AppID转换16进制的方法
设置xcode的url scheme格式为“QQ”+腾讯QQ互联应用appId转换成十六进制(不足8位前面补0),例如“QQ41EE2B54”.生成十六进制方法:echo 'ibase=10;obas ...
- webconfig的配置说明
转自 :http://www.cnblogs.com/kissdodog/archive/2013/04/16/3025315.html <?xml version="1.0" ...
- 牛客网多校赛第九场A-circulant matrix【数论】
链接:https://www.nowcoder.com/acm/contest/147/A 来源:牛客网 时间限制:C/C++ 1秒,其他语言2秒 空间限制:C/C++ 262144K,其他语言524 ...
- POJ - 1191 棋盘分割 记忆递归 搜索dp+数学
http://poj.org/problem?id=1191 题意:中文题. 题解: 1.关于切割的模拟,用递归 有这样的递归方程(dp方程):f(n,棋盘)=f(n-1,待割的棋盘)+f(1,割下的 ...
- The Unique MST----poj1679次小生成树
题目链接:http://poj.org/problem?id=1679 判断最小生成数是否唯一:如果唯一这权值和次小生成树不同,否则相同: #include<stdio.h> #inclu ...
- 洛谷P3389 高斯消元 / 高斯消元+线性基学习笔记
高斯消元 其实开始只是想搞下线性基,,,后来发现线性基和高斯消元的关系挺密切就一块儿在这儿写了好了QwQ 先港高斯消元趴? 这个算法并不难理解啊?就会矩阵运算就过去了鸭,,, 算了都专门为此写个题解还 ...