正文
javascript练习,JavaScript题
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
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;
}
相关问答
Q1: javascript要学习多久
javascript是一门脚本编程语言。一般至少要学1~2个月，才有效果，也视个人天赋而定。当然也少不了大量练习，要经常自己动手写 特效。要求网上大部分特效，你都能改。然后自己能写一些简单的特效，就算入门了。但要精通的话就得花些时间了，最好参与些项目，很多技巧不通过项目这样比较大的历练是用不上的。千锋软件开发培训课程的授课模式采用全程面授，讲师成本虽高，但是效果却是显著的，和学员面对面沟通，了解到学员在学习过程中遇到的问题，动态地调整授课方式。
千锋教育就有线上免费的软件开发公开课，。
JavaScript是脚本语言，主要用来编写动态网页。建议先从基本的HTML和CSS学起，学学静态页面布局。然后在网上找一些javascript入门级的视频教程，按照教程一步步由浅入深按部就班的学习就OK。
编程一方面靠的是逻辑思维，另一方面也是一个孰能生巧的过程，只要多敲几遍代码，将基础知识融会贯通，肯定能够学好的。千锋教育集团目前已与国内4000多家企业建立人才输送合作，与500多所大学建立实训就业合作，每年为各大企业输送上万名移动开发工程师，每年有数十万名学员受益于千锋教育组织的技术研讨会、技术培训课、网络公开课及免费教学视频。
Q2: 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;
}
