JavaScript-正則表達(dá)式練習(xí)

登陸頁(yè)面 login.html

在溫泉等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作 網(wǎng)站設(shè)計(jì)制作專業(yè)公司,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站建設(shè),網(wǎng)絡(luò)營(yíng)銷推廣,成都外貿(mào)網(wǎng)站建設(shè)公司,溫泉網(wǎng)站建設(shè)費(fèi)用合理。

!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"http://div

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

input?type="button"?name="login"?value="登陸"/

input?type="button"?name="regist"?value="注冊(cè)"/

/form

/div

/body

/html

注冊(cè)頁(yè)面 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位字符?數(shù)字和字母均可/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位?可以是數(shù)字字母或下劃線/div/div

div?class="x-field"font?class="x-requirement"*/fontlabel?for="e-c-pwd"?class="x-label"確認(rèn)密碼:/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"用于驗(yàn)證和找回密碼/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="注冊(cè)"/

/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();

};

}

注冊(cè)腳本 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();

};

}

驗(yàn)證腳本 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位字符?數(shù)字字母均可!'),false;

return?true;

},

checkPwd:function(value){

if(!this.checkNull(value))

return?false;

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

return?alert('6-20位?可以是數(shù)字字母或下劃線!'),false;

return?true;

},

checkConfirmPwd:function(pwd,cpwd){

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

return?true;

return?alert('確認(rèn)密碼錯(cuò)誤!'),false;

},

checkMail:function(value){

if(!this.checkNull(value))

return?false;

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

return?alert('郵箱格式錯(cuò)誤!'),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要學(xué)習(xí)多久

javascript是一門(mén)腳本編程語(yǔ)言。一般至少要學(xué)1~2個(gè)月，才有效果，也視個(gè)人天賦而定。當(dāng)然也少不了大量練習(xí)，要經(jīng)常自己動(dòng)手寫(xiě) 特效。要求網(wǎng)上大部分特效，你都能改。然后自己能寫(xiě)一些簡(jiǎn)單的特效，就算入門(mén)了。但要精通的話就得花些時(shí)間了，最好參與些項(xiàng)目，很多技巧不通過(guò)項(xiàng)目這樣比較大的歷練是用不上的。千鋒軟件開(kāi)發(fā)培訓(xùn)課程的授課模式采用全程面授，講師成本雖高，但是效果卻是顯著的，和學(xué)員面對(duì)面溝通，了解到學(xué)員在學(xué)習(xí)過(guò)程中遇到的問(wèn)題，動(dòng)態(tài)地調(diào)整授課方式。

千鋒教育就有線上免費(fèi)的軟件開(kāi)發(fā)公開(kāi)課，。

JavaScript是腳本語(yǔ)言，主要用來(lái)編寫(xiě)動(dòng)態(tài)網(wǎng)頁(yè)。建議先從基本的HTML和CSS學(xué)起，學(xué)學(xué)靜態(tài)頁(yè)面布局。然后在網(wǎng)上找一些javascript入門(mén)級(jí)的視頻教程，按照教程一步步由淺入深按部就班的學(xué)習(xí)就OK。

編程一方面靠的是邏輯思維，另一方面也是一個(gè)孰能生巧的過(guò)程，只要多敲幾遍代碼，將基礎(chǔ)知識(shí)融會(huì)貫通，肯定能夠?qū)W好的。千鋒教育集團(tuán)目前已與國(guó)內(nèi)4000多家企業(yè)建立人才輸送合作，與500多所大學(xué)建立實(shí)訓(xùn)就業(yè)合作，每年為各大企業(yè)輸送上萬(wàn)名移動(dòng)開(kāi)發(fā)工程師，每年有數(shù)十萬(wàn)名學(xué)員受益于千鋒教育組織的技術(shù)研討會(huì)、技術(shù)培訓(xùn)課、網(wǎng)絡(luò)公開(kāi)課及免費(fèi)教學(xué)視頻。

JavaScript 練習(xí)題求解答

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("滿足條件的數(shù)為："+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("連續(xù)相加為1000的連續(xù)正整數(shù)為:"+start+"到"+end);

}

}

start++;

sum = 0;

}

當(dāng)前文章：javascript練習(xí),JavaScript題
當(dāng)前路徑：http://chinadenli.net/article47/dsgcghj.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、定制網(wǎng)站、網(wǎng)站策劃、軟件開(kāi)發(fā)、App開(kāi)發(fā)、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)