html表单提交及用户名校验,javascript表单提交验证(用户名,邮箱,,,,,)...
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表单提交验证(用户名,邮箱,,,,,)...相关推荐
- 原生html单页应用,HTML6 无 JavaScript 的单页应用引起一片哗然
关于 HTML6 意在实现无 JavaScript 的单页应用,这引起了前端开发社区一片哗然.请深呼吸,然后继续下面内容. W3.org 分享了一个 casual proposal for HTML6 ...
- java数据库验证用户名,java新手:注册时验证用户名是否在数据库里已存在
java新手:最近在实现ssh实现注册时验证用户名是否已经存在 在register.jsp里 required="required"表示输入框不可以为空, onblur事件会在对象 ...
- php注册验证用户名已存在,php ajax注册验证用户名是否存在代码_PHP教程
php ajax注册验证用户名是否存在代码 这是注册程序是一款当用户输入完用户名是,就会自动去数据库中查询用户要注册的用户名是否己经被注册了,如果是返回提示否则提示可以注册. php教程 ajax注册 ...
- 表单ajax提交插件,详解javascript表单的Ajax提交插件的使用
Ajax 提交插件 form.js 插件有两个核心方法:ajaxForm()和ajaxSubmit(),它们集合了从控制表单元素到决定如何管理提交进行的功能. //ajaxForm 提交方式 $('# ...
- elementUI form表单使用validateField方法校验部分表单
<template> <div id="app"><el-form :model="ruleForm" status-icon : ...
- asp.net 用户注册怎么判断用户名是否重复 ajax,AJAX_asp.net结合Ajax验证用户名是否存在的代码,1, 使用JavaScript js文件,验证 - phpStudy...
asp.net结合Ajax验证用户名是否存在的代码 1, 使用JavaScript js文件,验证用户名是否存在 复制代码 代码如下: var ajax = function(option) { va ...
- 利用jQuery实现的Ajax 验证用户名是否存在
异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用jQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJA ...
- asp.net AJAX 验证用户名是否存在 -Jquery
异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用JQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJA ...
- Java使用正则表达式验证用户名和密码
Java使用正则表达式验证用户名和密码 要求: 效果展示: 源代码: 要求: 用户名: 必须是6-10位字母.数字.下划线(这里字母.数字.下划线是指任意组合,没有必须三类均包含) 不能以数字开头 密 ...
最新文章
- centos php svn,centos7中搭建svn服务器(示例代码)
- 『中级篇』docker容器安装wordpress(37)
- linux进程管理机制,linux进程管理,linux进程管理机制
- 加密 解密常用的算法
- 关于[一个基于WF的业务流程平台]表设计的说明
- Spring和Junit整合
- 我对windows核心编程的理解之一
- php 模型 关联,PHP模型关联一对多如何给关联表加条件?
- POJ 1459 Power Network
- Qt总结之十八:总结
- android调试+及JNI相关
- dbeaver导出建表语句_「mysql基础」MySQL常用语句命令总结(文字版)
- mes系统服务器内存,mes系统做服务器还是客户端
- 菠萝罐头的全球与中国市场2022-2028年:技术、参与者、趋势、市场规模及占有率研究报告
- java 代码块 构造函数_Java学习笔记之------构造函数,静态关键字,静态代码块,构造代...
- 计算机未显示移动硬盘,电脑不显示移动硬盘怎么办_移动硬盘已连接不显示解决教程...
- linux spool输出一行 不换行,clob内容spool到文件中后,怎么去掉自动换行
- CP必读:经典RPG游戏的7个要素
- 如何将图片清晰度变高?电脑怎么调照片清晰度?
- 应避免的11个最常见的设计误区(上)