本文目录一览:
- 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