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 ...
随机推荐
- C# 未能加载文件或程序集“xxx”或它的某一个依赖项。参数错误。(异常来自 HRESULT:0x80070057 (E_INVALIDARG))
错误信息: 因为电脑突然蓝屏,然后重启,再运行项目,报了这个错. 解决方案: 环境是:VS2012+Win7 通过网上查找, 4.0 删除 C:\Windows\Microsoft.NET\Frame ...
- [工具] CintaNotes
CintaNotes是一款非常轻巧实用的笔记软件,可看作EverNote轻量级替代品.CintaNotes只需1个exe,体积仅1MB,却拥有 EverNote易于收集.实时搜索.条状排列.tag分类 ...
- react+babel+webpack初试
在上一篇,我们简单学习了webpack学习,现在这里我们简单学习一下react+babel+webpack,进行编译react语法jsx以及结合es6写法. 这里我就简单的直接上demo: packa ...
- Css控制网页变灰
兼容IE chrome Firefox..... html{ filter:grayscale(%); -moz-filter:grayscale(%); -o-filter:grayscale(%) ...
- smarty模板的配置
smarty下载: http://www.smarty.net/download 建议使用一个兼容性好的smary版本. 太新的版本往往对php的版本支持不好. php推荐使用的模板是:sma ...
- Django---项目如何创建
首先是安装好Django,找到 Scripts 目录配置环境变量: 只要添加到环境变量,在任何目录执行 django-admin startproject mysite 就可以创建 Django 程序 ...
- c++中inline函数的意义
inline C++关键字,在函数声明或定义中函数返回类型前加上关键字inline,即可以把函数指定为内联函数.关键字inline必须与函数定义放在一起才能使函数成为内联,仅仅将inline放在函数声 ...
- ubuntu16.04下笔记本电脑扩展双屏安装过程
想给笔记本电脑外界一个显示屏,因为科研需要,我的笔记本是windows10加Ubuntu16.04双系统,主要使用Ubuntu系统. 首先是硬件 一个外置显示屏是必须的了,然后我的笔电上只有HDMI接 ...
- easyui-datagrid个人实例
这个实例数据表格的功能,可以实现分页,增删改查功能 1.user.jsp <%@ page language="java" contentType="text/ht ...
- Python:zip()函数
zip()函数的定义 从参数中的多个迭代器取元素组合成一个新的迭代器: 返回:返回一个zip对象,其内部元素为元组:可以转化为列表或元组: 传入参数:元组.列表.字典等迭代器. zip()函数的用法 ...