JavaScript-正则表达式练习

登陆页面 login.html

在温泉等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站设计制作、成都网站制作 网站设计制作专业公司,公司网站建设,企业网站建设,品牌网站建设,网络营销推广,成都外贸网站建设公司,温泉网站建设费用合理。

!doctype html

html lang="en"

head

meta charset="UTF-8"

titlelogin/title

link rel="stylesheet" href="all.css"

script src="validate.js"/script

script src="login.js"/script

/head

body

div class="x-stage"

form action="#" class="x-form"

div class="x-field"label for="e-username" class="x-label"用户名:/labelinput id="e-username" name = "username" type="text" class="x-input"//div

div class="x-field"label for="e-pwd" class="x-label"密码:/labelinput id="e-pwd" name="pwd" type="password" class="x-input"//div

input type="button" name="login" value="登陆"/

input type="button" name="regist" value="注册"/

/form

/div

/body

/html

注册页面 regist.html

!doctype html

html lang="en"

head

meta charset="UTF-8"

titleregist/title

link rel="stylesheet" href="all.css"

script src="validate.js"/script

script src="regist.js"/script

/head

body

div class="x-stage"

form action="#" class="x-form"

div class="x-field"font class="x-requirement"*/fontlabel for="e-username" class="x-label"用户名:/labelinput id="e-username" name = "username" type="text" class="x-input"/div class="x-prompt"2-10位字符 数字和字母均可/div/div

div class="x-field"font class="x-requirement"*/fontlabel for="e-pwd" class="x-label"密码:/labelinput id="e-pwd" name="pwd" type="password" class="x-input"/div class="x-prompt"6-20位 可以是数字字母或下划线/div/div

div class="x-field"font class="x-requirement"*/fontlabel for="e-c-pwd" class="x-label"确认密码:/labelinput id="e-c-pwd" name="cPwd" type="password" class="x-input"/div class="x-prompt"/div/div

div class="x-field"font class="x-requirement"*/fontlabel for="e-mail" class="x-label"电子邮箱:/labelinput id="e-mail" name="mail" type="text" class="x-input"/div class="x-prompt"用于验证和找回密码/div/div

div class="x-field"font class="x-requirement"*/fontlabel for="e-sex-man" class="x-label"性别:/labelinput id="e-sex-man" name="sex" type="radio" class="x-input"男/inputinput id="e-sex-woman" name="sex" type="radio" class="x-input"女/inputdiv class="x-prompt"/div/div

input type="button" name="regist" value="注册"/

/form

/div

/body

/html

登陆脚本 login.js

window.onload = function(){

var form = document.forms[0];

var lastWorkUrl = '';

form.regist.onclick = function(){

form.action = 'regist.html';

form.submit();

};

form.login.onclick = function(){

if(!validate.checkLogin(form.username.value,form.pwd.value))

return false;

form.action = lastWorkUrl;

form.submit();

};

}

注册脚本 regist.js

window.onload = function(){

var form = document.forms[0];

var lastWorkUrl = '';

form.regist.onclick = function(){

if( !validate.checkUserName(form.username.value)

|| !validate.checkPwd(form.pwd.value)

|| !validate.checkConfirmPwd(form.pwd.value,form.cPwd.value)

|| !validate.checkMail(form.mail.value))

return false;

form.action = lastWorkUrl;

form.submit();

};

}

验证脚本 validate.js

var validate = {

checkNull:function(value){

if(!value) 

return alert('不能为空!'),false;

return true;

},

checkLogin:function(name,pwd){

if(!name || !pwd)

return alert('输入不正确!'),false;

return true;

},

checkUserName:function(value){

if(!this.checkNull(value))

return false;

if(!/^[A-Za-z0-9]{2,10}$/.test(value))

return alert('2-10位字符 数字字母均可!'),false;

return true;

},

checkPwd:function(value){

if(!this.checkNull(value))

return false;

if(!/^\w{6,20}$/.test(value))

return alert('6-20位 可以是数字字母或下划线!'),false;

return true;

},

checkConfirmPwd:function(pwd,cpwd){

if(pwd  pwd == cpwd  this.checkPwd(pwd)  this.checkPwd(cpwd))

return true;

return alert('确认密码错误!'),false;

},

checkMail:function(value){

if(!this.checkNull(value))

return false;

if(!/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(value))

return alert('邮箱格式错误!'),false;

return true;

}

};

样式表 all.css

.x-stage{

width:400px;

margin:100px auto;

}

.x-form{

}

.x-field{

margin-bottom: 5px;

font-size: 12px;

}

.x-label{

font-weight: bold;

margin-right: 5px;

width: 60px;

display: inline-block;

vertical-align: middle;

}

.x-input{

outline:none;

vertical-align: middle;

}

.x-prompt{

color : red;

font-size: 12px;

margin: 5px 0 5px 70px;

}

.x-requirement{

color : red;

}

javascript要学习多久

javascript是一门脚本编程语言。一般至少要学1~2个月，才有效果，也视个人天赋而定。当然也少不了大量练习，要经常自己动手写 特效。要求网上大部分特效，你都能改。然后自己能写一些简单的特效，就算入门了。但要精通的话就得花些时间了，最好参与些项目，很多技巧不通过项目这样比较大的历练是用不上的。千锋软件开发培训课程的授课模式采用全程面授，讲师成本虽高，但是效果却是显著的，和学员面对面沟通，了解到学员在学习过程中遇到的问题，动态地调整授课方式。

千锋教育就有线上免费的软件开发公开课，。

JavaScript是脚本语言，主要用来编写动态网页。建议先从基本的HTML和CSS学起，学学静态页面布局。然后在网上找一些javascript入门级的视频教程，按照教程一步步由浅入深按部就班的学习就OK。

编程一方面靠的是逻辑思维，另一方面也是一个孰能生巧的过程，只要多敲几遍代码，将基础知识融会贯通，肯定能够学好的。千锋教育集团目前已与国内4000多家企业建立人才输送合作，与500多所大学建立实训就业合作，每年为各大企业输送上万名移动开发工程师，每年有数十万名学员受益于千锋教育组织的技术研讨会、技术培训课、网络公开课及免费教学视频。

JavaScript 练习题求解答

1.

for(var i=1000;i=9999;i++){

if(i%13==0){

var n2 = Math.floor(i/10)%10;

var n3 = Math.floor(i/100)%10;

var n4 = Math.floor(i/1000);

if(n2+n3==n4)

console.log("满足条件的数为："+i);

}

}

2.

var sum = 0, start = 1, end=0, n=1;

while(start 500) {

for(n = start; sum 1000; n++) {

sum += n;

if(sum == 1000) {

end=n;

console.log("连续相加为1000的连续正整数为:"+start+"到"+end);

}

}

start++;

sum = 0;

}