无标题文档

div {

font-size: 14px;

color: #F00;

}

.inputstyle {

width: 150px;

}

//用户名验证

function checkUser(){

var user=document.getElementById("username").value;

var divUserId=document.getElementById("user_prompt");

var reg=/^[a-zA-Z][a-zA-Z0-9]{3,15}$/;

divUserId.innerHTML="";

if(reg.test(user)==false){

divUserId.innerHTML="用户名不正确";

return false;

}else{

return true;

}

}

//密码验证

function checkPass(){

var pass=document.getElementById("password").value;

var divPassId=document.getElementById("pass_prompt");

divPassId.innerHTML="";

var reg=/^[a-zA-Z0-9]{4,10}$/;

if(reg.test(pass)==false){

divPassId.innerHTML="密码输入错误";

return false;

}return true;

}

//确认密码验证

function checkRepass(){

var pass=document.getElementById("password").value;

var repass=document.getElementById("newpass").value;

var divRepassId=document.getElementById("repass_prompt");

if(pass!=repass){

divRepassId.innerHTML="两次密码不一致";

return false;

}

return true;

}

//生日验证

function checkBirth(){

var birth=document.getElementById("birthday").value;

var divBirthId=document.getElementById("birth_prompt");

divBirthId.innerHTML="";

var reg=/^((19\d{2})|(200\d))-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;

if(reg.test(birth)==false){

divBirthId.innerHTML="生日格式不正确,请输入正确的格式例如1989-03-09";

return false;

}

divBirthId.innerHTML="";

return true;

}

//邮件验证

function checkEmail(){

var emai=document.getElementById("email").value;

var divEmailId=document.getElementById("email_prompt");

divEmailId.innerHTML="";

var reg=/^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/;

if(reg.test(emai)==false){

divEmailId.innerHTML="邮件格式不正确,请重新输入";

return false;

}

divEmailId.innerHTML="";

return true;

}

//手机号码验证

function checkTel(){

var tel=document.getElementById("number").value;

var DivTelId=document.getElementById("number_prompt");

DivTelId.innerHTML="";

var reg=/^1\d{10}$/;

if(reg.test(tel)==false){

DivTelId.innerHTML="输入错误,请重新输入";

return false;

}

DivTelId.innerHTML="";

return true;

}

//性别验证

function checkgender(){

var genArray=document.getElementsByName("gender");

var genValue="";

for(var i=0;i

//alert(genArray[i].checked+" "+genArray[i].name + " "+ genArray[i].value);

if(genArraay[i].checked==true){//得到选中的单选按钮状态

genValue=genArray[i].value;

}

}

if(genValue!=null&&genValue!=" "){

alert("genValue"+genValue);

}else{

alert("请选择性别");

}

}

//多选框的验证

function checkHobby(){

var hobb=document.getElementsByName("hobby");

for(var i=0;i

hobb[i].checked=document.getElementById("all").checked;

}}

//省份验证

var cityList=new Array();

cityList ["甘肃省"]=["武威市","天水市","兰州市"];

cityList["海南省"] = ["海口市"];

cityList["福建省"] = ["福州市","厦门市","泉州市","漳州市"];

cityList["山东省"] = ["济南市","青岛市","烟台市"];

cityList["江西省"] = ["江西省","南昌市"];

cityList["广西省"] = ["柳州市","南宁市"];

function changeCity(){

var pro=document.getElementById("province").value;

var city=document.getElementById("city");

city.options.length=0;

for(var i in cityList){

if(i==pro){

for(var j in cityList[i]){

city.add(new Option (cityList[i][j],cityList[i][j]),null);

}

}

}

}

function allCity(){

var pro=document.getElementById("province");

for(var i in cityList){

pro.add(new Option(i,i),null);

}

}

window.οnlοad=allCity;

//回车登录

function checkData(){

if(!checkUser()){

alert("请输入正确的用户名");

return false;

}

var keynum;

if(window.event){

keynum=event.keyCode();

}else if(event.which){

keynum=event.which;

}

if(keynum==13){

subMit("回车键已按,请登录")

return true;

}

return true;

}

function subMit(obj){

document.form1.submit();

}

用户名:
用户名由英文字母

和数字组成的4-16位字符,以字母开头

密码:
密码由英文字母和数字组成的4-10位字符
确认密码:
生日:
性别:

邮件地址:
手机号码:
爱好:

唱歌

跳舞

画画

运动

全选

所属地: 省份:

--选择省份--

城市:

--选择城市--

html表单提交及用户名校验,javascript表单提交验证(用户名,邮箱,,,,,)...相关推荐

  1. 原生html单页应用,HTML6 无 JavaScript 的单页应用引起一片哗然

    关于 HTML6 意在实现无 JavaScript 的单页应用,这引起了前端开发社区一片哗然.请深呼吸,然后继续下面内容. W3.org 分享了一个 casual proposal for HTML6 ...

  2. java数据库验证用户名,java新手:注册时验证用户名是否在数据库里已存在

    java新手:最近在实现ssh实现注册时验证用户名是否已经存在 在register.jsp里 required="required"表示输入框不可以为空, onblur事件会在对象 ...

  3. php注册验证用户名已存在,php ajax注册验证用户名是否存在代码_PHP教程

    php ajax注册验证用户名是否存在代码 这是注册程序是一款当用户输入完用户名是,就会自动去数据库中查询用户要注册的用户名是否己经被注册了,如果是返回提示否则提示可以注册. php教程 ajax注册 ...

  4. 表单ajax提交插件,详解javascript表单的Ajax提交插件的使用

    Ajax 提交插件 form.js 插件有两个核心方法:ajaxForm()和ajaxSubmit(),它们集合了从控制表单元素到决定如何管理提交进行的功能. //ajaxForm 提交方式 $('# ...

  5. elementUI form表单使用validateField方法校验部分表单

    <template> <div id="app"><el-form :model="ruleForm" status-icon : ...

  6. asp.net 用户注册怎么判断用户名是否重复 ajax,AJAX_asp.net结合Ajax验证用户名是否存在的代码,1, 使用JavaScript js文件,验证 - phpStudy...

    asp.net结合Ajax验证用户名是否存在的代码 1, 使用JavaScript js文件,验证用户名是否存在 复制代码 代码如下: var ajax = function(option) { va ...

  7. 利用jQuery实现的Ajax 验证用户名是否存在

    异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用jQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJA ...

  8. asp.net AJAX 验证用户名是否存在 -Jquery

    异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用JQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJA ...

  9. Java使用正则表达式验证用户名和密码

    Java使用正则表达式验证用户名和密码 要求: 效果展示: 源代码: 要求: 用户名: 必须是6-10位字母.数字.下划线(这里字母.数字.下划线是指任意组合,没有必须三类均包含) 不能以数字开头 密 ...

最新文章

  1. centos php svn,centos7中搭建svn服务器(示例代码)
  2. 『中级篇』docker容器安装wordpress(37)
  3. linux进程管理机制,linux进程管理,linux进程管理机制
  4. 加密 解密常用的算法
  5. 关于[一个基于WF的业务流程平台]表设计的说明
  6. Spring和Junit整合
  7. 我对windows核心编程的理解之一
  8. php 模型 关联,PHP模型关联一对多如何给关联表加条件?
  9. POJ 1459 Power Network
  10. Qt总结之十八:总结
  11. android调试+及JNI相关
  12. dbeaver导出建表语句_「mysql基础」MySQL常用语句命令总结(文字版)
  13. mes系统服务器内存,mes系统做服务器还是客户端
  14. 菠萝罐头的全球与中国市场2022-2028年:技术、参与者、趋势、市场规模及占有率研究报告
  15. java 代码块 构造函数_Java学习笔记之------构造函数,静态关键字,静态代码块,构造代...
  16. 计算机未显示移动硬盘,电脑不显示移动硬盘怎么办_移动硬盘已连接不显示解决教程...
  17. linux spool输出一行 不换行,clob内容spool到文件中后,怎么去掉自动换行
  18. CP必读:经典RPG游戏的7个要素
  19. 如何将图片清晰度变高?电脑怎么调照片清晰度?
  20. 应避免的11个最常见的设计误区(上)

热门文章

  1. 智能制造MES系统的主要内容有哪些?系统有什么作用?
  2. 有心贪得无厌,无心万念俱灰
  3. 上善若水,水善利万物而不争
  4. Mysql日期查询大全
  5. 林平之母亲武功为什么那么低?
  6. 开启Windows的telnet客户端
  7. [Nuxt.js]Nuxt项目启动跳过“Are you interested in participation?”
  8. 2013年11月18日 二胎政策松动未来或加剧贫富分化
  9. 如何查看电脑CPU性能以及提升电脑最大性能
  10. Python笔试题: 足球双循环赛制积分计算方法