十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
基本上都是说在右上角有一个分享按钮你直接点分享到网页就可以直接转换成链接就可以了。
创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、成都网站建设、会昌网络推广、重庆小程序开发、会昌网络营销、会昌企业策划、会昌品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供会昌建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com
%@ page contentType="text/html;charset=gb2312"%
script language="JavaScript"
function isValidate(form)
{
// 得到用户输入的信息
userid = form.userid.value;
username = form.username.value;
userpass = form.userpass.value;
userpass2 = form.userpass2.value;
birthday = form.birthday.value;
email = form.email.value;
address = form.address.value;
phone = form.phone.value;
// 判断用户ID长度
if(!minLength(userid,6))
{
alert("用户ID长度小于6位!");
form.userid.focus();
return false;
}
if(!maxLength(userid,8))
{
alert("用户ID长度大于8位!");
form.userid.focus();
return false;
}
// 判断用户名长度
if(!minLength(username,6))
{
alert("用户名长度小于6位!");
form.username.focus();
return false;
}
if(!maxLength(username,8))
{
alert("用户名长度大于8位!");
form.username.focus();
return false;
}
// 判断口令长度
if(!minLength(userpass,6))
{
alert("口令长度小于6位!");
form.userpass.focus();
return false;
}
if(!maxLength(userpass,8))
{
alert("口令长度大于8位!");
form.userpass.focus();
return false;
}
// 判断用户名和口令是否相同
if(username==userpass)
{
alert("用户名和口令不能相等!");
form.userpass.focus();
return false;
}
// 验证两次口令是否相同
if(userpass != userpass2)
{
alert("两次输入的口令不相同!");
form.userpass.focus();
return false;
}
// 验证生日的格式是否正确
if(!isDate(birthday))
{
alert("生日的格式不正确!");
form.birthday.focus();
return false;
}
// 验证email的格式是否正确
if(!isEmail(email))
{
alert("Email格式不正确!");
form.email.focus();
return false;
}
// 验证电话号码的格式是否正确
if(!isDigital(phone))
{
alert("电话号码的格式不正确");
form.phone.focus();
return false;
}
// 验证地址的长度是否正确
if(!maxLength(address,50))
{
alert("地址长度大于50位!");
form.address.focus();
return false;
}
return true;
}
// 验证是否是空
function isNull(str)
{
if(str.length==0)
return true;
else
return false;
}
// 验证是否满足最小长度
function minLength(str,length)
{
if(str.length=length)
return true;
else
return false;
}
// 判断是否满足最大长度
function maxLength(str,length)
{
if(str.length=length)
return true;
else
return false;
}
// 判断是否是数字
function isDigital(str)
{
for(i=0;istr.length;i++)
{
// 允许使用连字符
if(str.charAt(i)='0' str.charAt(i)='9'
|| str.charAt(i)=="-" i!=0 i!=str.length-1)
continue;
else
return false;
}
return true;
}
// 判断是否是整数
function isNumber(str)
{
for(i=0;istr.length;i++)
{
// 如果要判断小数,需要判断小数点
if(str.charAt(i)='0' str.charAt(i)='9'
|| str.charAt(i)=="-" i==0)
continue;
else
return false;
}
return true;
}
// 判断是否是日期,日期的格式为1988-1-1
function isDate(date)
{
// 查找分隔符
index1 = date.indexOf("-");
// 如果分隔符不存在,则不是合法的时间
if(index1 == -1)
return false;
// 获取时间中的年
year = date.substring(0,index1);
// 获取时间中的剩下部分
date = date.substring(index1+1);
// 查找第二个分隔符
index1 = date.indexOf("-");
// 如果不存在第二个分隔符,则不是合法的时间
if(index1 == -1)
return false;
// 获取时间中的月份
month = date.substring(0,index1);
// 获取时间中的日
day = date.substring(index1+1);
// 判断是否是数字,如果不是则不是合法的时间
if(isNumber(year) isNumber(month) isNumber(day))
{
// 判断基本范围
if(year1900 || year9999 || month1 || month 12 || day1)
return false;
// 判断31天的月
if((month==1 || month==3 || month==5 || month==7
|| month==8 || month==10 || month==12) day31)
return false;
// 判断30天的月
if((month==4 || month==6 || month==9 || month==11)
day30)
return false;
// 如果是2月,判断是否为润年
if(month==2)
{
if(year%400==0 || (year%4==0 year%100!=0))
{
if(day29)
return false;
}else
{
if(day28)
return false;
}
}
}
else
return false;
return true;
}
// 判断是否是Email
function isEmail(email)
{
if(email.length==0)
return false;
index1 = email.indexOf('@');
index2 = email.indexOf('.');
if(index1 1 // @符号不存在,或者在第一个位置
|| index2 1 // .符号不存在,或者在第一个位置
|| index2-index1 2 // .在@的左边或者相邻
|| index2+1 == email.length) // .符号后面没有东西
return false
else
return true;
}
/script
html
head
title注册界面/title
/head
body
h2 align="center"请注册/h2
form action="register_confirm.jsp" method="get"
isValidate(form1)"
table align="center"
trtd 用户ID:/tdtdinput type="text" value="zhangsan" 6-8位/td/tr
trtd 用户名:/tdtdinput type="text" /td/tr
trtd 口令:/tdtdinput type="password" /td/tr
trtd 确认口令:/tdtdinput type="password" /td/tr
trtd 生日:/tdtdinput type="text" 格式为:1988-1-1/td/tr
trtd 学历:/tdtd
input type="radio" value="专科"专科
input type="radio" value="本科" checked本科
input type="radio" value="硕士研究生"硕士研究生
input type="radio" value="博士研究生"博士研究生
input type="radio" value="其他"其他/td/tr
trtd 地区:/tdtd
select
option value="华东"华东/option
option value="华南"华南/option
option value="华北"华北/option
option value="东北" selected东北/option
option value="东南"东南/option
option value="西南"西南/option
option value="西北"西北/option
option value="东北"东北/option
option value="华中"华中/option
/select/td/tr
trtd E-mail:/tdtdinput type="text" /td/tr
trtd 地址:/tdtdinput type="text" /td/tr
trtd 电话:/tdtdinput type="text" /td/tr
trtd 备注:/tdtd
textarea rows="8" cols="40" value="1222222"/textarea/td/tr
trtd input type="reset" value="重置"/tdtd
input type="submit" value="提交"/td/tr
table
/form
/body
/html
form表单的数据先由js判断处理,通过后再提交数据到后台。
1、js获取表单数据,根据实际情况判断是否符合规则。一般的判断是否为空,是否含有不安全字符,有就过滤掉(这一步也可以在后台处理)。
2、对于未通过的输入,向用户返回信息提示。
3、验证通过,提交数据到后台。
4、根据实际需求做处理.....
下面是一个简单的例子:
form id="loginForm" action="" method="post"
用户名: input id="username" name="username" type="text" maxlength="16" /
br /
input id="go" type="button" value="提交" /
/form
script
var loginForm = document.getElementById('loginForm');
var go = document.getElementById('go');
go.onclick = function(){
var username = loginForm.username.value
//这里判断了用户名的输入不能为空,且长度为6-16位
if(username (typeof(username)!='undefined') (username!=0) (username.length=6) (username.length=16)){
//验证通过,提交表单数据
loginForm.submit();
}else{
alert('输入不符合规则');
}
}
/script
通常要先在前端对数据做处理得情况下,并不是用input type="submit" /按钮,而是用input type="button" /按钮,因为要先对数据进行处理再提交到后台;对于数据的判断验证,大多是使用正则表达式来判断的,虽然比较麻烦,不过如今浏览器对html5的兼容则省掉不少麻烦,新增的 input 类型可以满足一般的需求。
如果是要与后台数据库中的密码进行判断,就用Ajax。
如果直接前端页面判断,大致这样就行:
function validation(){
if(form1.password.value == "12345678"){
alert("密码正确");
}else{
alert("密码不正确");
}
}
script
function checkpwd(){
var pwd = document.getElementById('pwd').value;
if(pwd!='mypassword')
alert("你输入的口令不对!");
else
alert("口令正确!");
}
/script
body
输入口令: input type='password' id='pwd' name='pwd'/br
input type='button' value=“测试" onclick="checkpwd()"/
/body