js個人信息代碼,js個人簡歷簡單代碼

本文目錄一覽：

• 1、JS登錄界面如何儲存用戶名和密碼信息，實現登錄的時候查詢驗證匹配，不用數據庫有三個用戶，求JS代碼
• 2、js代碼，如何驗證身份證信息的同時提取生日性別
• 3、js判斷身份證號碼是否合法有效全國通用
• 4、js信息輸錯後輸入框後提示紅字代碼如何編寫
• 5、一個簡單的javascript 填寫個人信息的 當所有信息填寫完成且正確的時候，點擊按鈕在textarea中顯示 怎顯示
• 6、用內嵌方式使用JavaScript在頁面輸出個人信息,包括:姓名,年齡,性別,籍貫(要求每條

JS登錄界面如何儲存用戶名和密碼信息，實現登錄的時候查詢驗證匹配，不用數據庫有三個用戶，求JS代碼

HTML代碼

!DOCTYPE html

html

head

meta charset=”UTF-8″

meta http-equiv=”X-UA-Compatible” content=”ie=edge”

titleDocument/title

/head

body

div

用戶名 : input type=”text” name=”username” id=”username_input”/br

密碼 : input type=”password” name=”passwd” id=”passwd_input”/br

input type=”button” value=”登錄” onclick=”login()”

/div

/body

/html

Js代碼

script type=”text/javascript”

var accountAll = [

{‘username’ : ‘admin’,’passwd’ : ‘admin123’},

{‘username’ : ‘jack’,’passwd’ : ‘jack’}

] // 存儲賬戶json數據的數組

function login(){ //登陸判斷

var username = document.getElementById(‘username_input’).value; // 獲取username輸入框內容

var passwd = document.getElementById(‘passwd_input’).value; // 獲取passwd輸入框內容

var account = accountAll.filter(function(e){return e.username == username})[0]; // 篩選賬號返回數組，不存在則返回空數組

if(!account){

console.log(‘賬戶不存在’);

} else {

if(account.username == username  account.passwd == passwd){

console.log(‘登陸成功’);

} else {

console.log(‘登陸失敗’);

}

}

}

/script

js代碼，如何驗證身份證信息的同時提取生日性別

生日是7-9位,性別是最後兩位,

你知道身份證的排列規則就好判斷了..

js判斷身份證號碼是否合法有效全國通用

如果要做到全國通用。估計有點問題。畢竟身份證是與個人的信息相互對應的。除非走專業的通道去校驗！！如果只是簡單判斷身份證是否合法有效，可以參考一下身份證號碼的構造結構。

首先看看身份證是怎麼構造的：

首先：

1)地區代碼：表示出生地，上圖為北京市朝陽區

2)出生日期：不解釋，只要合理就好

3)順序號：最後一位為奇數表示性別男，偶數性別女

4)校驗位：這是系統驗證比較關鍵的一位，由前面17位通過公式計算得出，具體公式在此不做討論，因為其結果為數字0~9或者字母X

這些條件都知道了。

就可以開始了：

//首先最遲判斷身份證號碼的位數(18)

var CardNumber=””;//待驗證的身份證號碼

var iscard=/^\d{17}([0-9]|X)$/;

if(iscard.text(CardNumber)){

  //驗證身份證的”地區代碼(前6位數字，這裡需要搜集各個地區的代碼…)”

  if(這裡校驗地區代碼){

     if(這裡校驗出生日期){

       //校驗出生日期時，會牽扯到日曆算法(計算某年的某月有多少天，防止用戶隨意輸入大於31的日期)

       //如果判斷到這裡了，就可以初步確定為”合法有效”的身份證號碼了。

       //因為「校驗位」相對而言較複雜。如果樓主有意思。可以百度找資料。

     }

  }

}

js信息輸錯後輸入框後提示紅字代碼如何編寫

需要準備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如：index.html。

2、在index.html中的script標籤，輸入js代碼：

error();

function error() {

$(‘input’).after(‘span style=”color:red”用戶名不存在/span’);

}

3、瀏覽器運行index.html頁面，此時輸入框後面會顯示出紅色錯誤提示。

一個簡單的javascript 填寫個人信息的 當所有信息填寫完成且正確的時候，點擊按鈕在textarea中顯示 怎顯示

html

head

meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /

title歡迎進入註冊頁面/title

script language=”javascript”

function checkname(){

var div = document.getElementById(“div1”);

div.innerHTML = “”;

var name1 = document.form1.text1.value;

if (name1 == “”) {

div.innerHTML = “font color=red font-size=’100px’姓名不能為空！/font”;

document.form1.text1.focus();

return false;

}

if (name1.length 4 || name1.length 16) {

div.innerHTML = “font color=red姓名輸入的長度4-16個字符！/font”;

document.form1.text1.select();

return false;

}

return true;

}

function checkpassword(){

var div = document.getElementById(“div2”);

div.innerHTML = “”;

var password = document.form1.text2.value;

if (password == “”) {

div.innerHTML = “font color=red密碼不能為空！/font”;

document.form1.text2.focus();

return false;

}

if (password.length 4 || password.length 12) {

div.innerHTML = “font color=red密碼長度4-12位/font”;

document.form1.text2.select();

return false;

}

return true;

}

function checkrepassword(){

var div = document.getElementById(“div3”);

div.innerHTML = “”;

var password = document.form1.text2.value;

var repass = document.form1.text3.value;

if (repass == “”) {

div.innerHTML = “font color=red密碼不能為空！/font”;

document.form1.text3.focus();

return false;

}

if (password != repass) {

div.innerHTML = “font color=red輸入密碼和確認密碼長度不一致/font”;

document.form1.text3.select();

return false;

}

return true;

}

function checkEmail(){

var div = document.getElementById(“div4”);

div.innerHTML = “”;

var email = document.form1.text4.value;

var sw = email.indexOf(“@”, 0);

var sw1 = email.indexOf(“.”, 0);

var tt = sw1 – sw;

if (email.length == 0) {

div.innerHTML = “font color=red電子郵件不能為空/font”;

document.form1.text4.focus();

return false;

}

if (email.indexOf(“@”, 0) == -1) {

div.innerHTML = “font color=red電子郵件格式不正確，必須包含@符號！/font”;

document.form1.text4.select();

return false;

}

if (email.indexOf(“.”, 0) == -1) {

div.innerHTML = “font color=red電子郵件格式不正確，必須包含.符號！/font”;

document.form1.text4.select();

return false;

}

if (tt == 1) {

div.innerHTML = “font color=red郵件格式不對。@和.不可以挨着！/font”;

document.form1.text4.select();

return false;

}

if (sw sw1) {

div.innerHTML = “font color=red電子郵件格式不正確，@符號必須在.之前/font”;

document.form1.text4.select();

return false;

}

else {

return true;

}

return ture;

}

function checkPhone(){

var div = document.getElementById(“div5”);

div.innerHTML = “”;

var phone = document.form1.text5.value;

if (phone == “”) {

div.innerHTML = “font color=red手機號不能為空！/font”;

document.form1.text5.focus();

return false;

}

if (phone.length == 11) {

div.innerHTML = “font color=red手機號碼只能為11個字符！/font”;

document.form1.text5.select();

return false;

}

return true;

}

function check(){

if (checkname() checkpassword() checkrepassword() checkEmail()checkPhone()) {

var a = document.form1.text1.value;

var b = document.form1.text2.value;

var c = document.form1.text4.value;

var d = document.form1.text5.value;

var e = document.form1.text6.value;

document.getElementById(“textarea”).value=a+”,”+b+”,”+c+”,”+d+”,”+e;

return true;

}

else {

return false;

}

}

/script

/head

body

form name=”form1″ onSubmit=”return check()”

table border=”0″ align=”center”

tr

td

div align=”right”用戶名：/div/td

td

input id=”text1″ type=”text” name=”text1″ onBlur=”check()”

div id=”div1″ style=”display:inline;” /div /td

/tr

tr

td

div align=”right”密碼： /div/td

td

input id=”text2″ type=”password” name=”text2″ onBlur=”check()”

div id=”div2″ style=”display:inline” /div /td

/tr

tr

td

div align=”right”確認密碼： /div/td

td

input id=”text3″ type=”password” name=”text3″ onBlur=”check()”

div id=”div3″ style=”display:inline” /div /td

/tr

tr

td

div align=”right”電子郵件地址： /div/td

td

input id=”text4″ type=”text” name=”text4″ onBlur=”check()”

div id=”div4″ style=”display:inline” /div /td

/tr

tr

td

div align=”right”手機號碼： /div/td

td

input id=”text5″ type=”text” name=”text5″ onBlur=”check()”

div id=”div5″ style=”display:inline” /div /td

/tr

tr align=”center”

tddiv align=”right”學歷：/div/td

tddiv align=”left”

select name=”text6″

option value=”初中”初中/option

option value=”高中”高中/option

option value=”中專”中專/option

option value=”大專”大專/option

option value=”本科”本科/option

option value=”碩士”碩士/option

option value=”博士”博士/option

/select

/div/td

/tr

tr align=”center”

td align=”center”div align=”right”興趣愛好：/div/td

td align=”center”

input type=”checkbox” name=”text11″ value=”籃球”

籃球

input type=”checkbox” name=”checkbox12″ value=”音樂”

音樂

input type=”checkbox” name=”checkbox13″ value=”足球”

足球

input type=”checkbox” name=”checkbox14″ value=”其他”

其他/td

/tr

tr align=”center”

td align=”center”input type=”submit” value=”提交” name=”text8″

input type=”reset” value=”重置” name=”text9″/td

td align=”center” /td

/tr

/table

textarea id=”textarea” style=” margin-left:600″/textarea

/form

/body

/html

用內嵌方式使用JavaScript在頁面輸出個人信息,包括:姓名,年齡,性別,籍貫(要求每條

script type=”type/javascript”document.write(“姓名：度娘”+”,”+”年齡：365歲”+”,”+”性別:女”);/script