js练习1

function check() {
	var username = document.getElementById("username").value;
	var password = document.getElementById("password").value;
	var passwordVali = document.getElementById("passwordVali").value;

	var usernameError = document.getElementById("usernameError");
	var passwordError = document.getElementById("passwordError");
	var passwordValiError = document.getElementById("passwordValiError");

	usernameError.innerHTML = "";
	passwordError.innerHTML = "";
	passwordValiError.innerHTML = "";

	if (isNull(username)) {
		usernameError.innerHTML = "<font color='red'>用户名不能为空<font>";
		return false;
	}
	if (tooLong(username, 20)) {
		usernameError.innerHTML = "<font color='red'>用户名长度不能超过20个字符<font>";
		return false;
	}
	if (isNull(password)) {
		passwordError.innerHTML = "<font color='red'>密码不能为空<font>";
		return false;
	}
	if (tooLong(password, 20)) {
		passwordError.innerHTML = "<font color='red'>密码不能超过20个字符<font>";
		return false;
	}
	if (isNull(passwordVali)) {
		passwordValiError.innerHTML = "<font color='red'>确认密码不能为空<font>";
		return false;
	}
	if (notEqeql(password, passwordVali)) {
		passwordError.innerHTML = "<font color='red'>两次输入的密码不一致<font>";
		return false;
	}

}

//------------------------------------------------
function namecheck() {
	var username = document.getElementById("username").value;
	var usernameError = document.getElementById("usernameError");

	usernameError.innerHTML = "";

	//前台的验证
	if (isNull(username)) {
		//alert("username not null");
		usernameError.innerHTML = "<font color='red'>用户名不能为空!</font>";
		return;
	}

	// 去后台验证
	if (window.XMLHttpRequest) {
		xmlhttp = new XMLHttpRequest();
		if (xmlhttp.overrideMimeType) {
			xmlhttp.overrideMimeType("text/xml");
		}
	} else if (window.ActiveXObject) {
		var activexName = ["MSXML2.XMLHTTP", "Microsoft.XMLHTTP"];
		for (var i = 0; i < activexName.length; i++) {
			try {
				xmlhttp = new ActiveXObject(activexName[i]);
				break;
			} catch(e) {}
		}
	}

	if (!xmlhttp) {
		alert("XMLHttpRequest对象创建失败!!");
		return;
	} else {
		// alert(xmlhttp.readyState);
	}

	xmlhttp.onreadystatechange = callback;

	xmlhttp.open("GET", "usernameCheck?username=" + username, true);

	xmlhttp.send(null);

}

//回调方法
function callback() {
	if (xmlhttp.readyState == 4) {
		if (xmlhttp.status == 200) {
			//alert("到这里了");
			var message;
			var responseText = xmlhttp.responseText;
			var divNode = document.getElementById("usernameError");
			if (responseText == "false") {
				//alert("用户名已存在");
				message = "<font color='red'> 用户名已存在  </font>";
				bool = false;
			} else {
				//alert("该用户名可用")
				message = "<font color='blue'> 该用户名可用  </font>";
				bool = true;
			}
			divNode.innerHTML = message;
		} else {
			alert("出错了!!!");
		}
	}
}

//-----------------------------------------------------------------function
//判断是否为空,包括空格
function isNull(s) {

	if (s == null) {
		return null;
	}
	var s2 = s.replace(/(^\s*)|(\s*$)|(\n)/g, "");
	if (s2 == null || s2 == "") {
		return true;
	}
	false;
}
//内部函数,判断传入参数是否为空
function paraNull(s) {
	if (s == null) {
		alert("内部错误!!!")
	}
}
//判断字符串长度
function tooLong(s, n) {
	if (paraNull(s) || paraNull(n)) {
		return;
	}
	if (s.length > n) {
		return true;
	}
	return false;
}
//判断数组大小
function tooBig(s, n) {
	if (paraNull(s) || paraNull(n)) {
		return;
	}
	if (parseInt(s) > n) {
		return true;
	}
	return false;
}
//判断是否为浮点数
function notDecimal(s) {
	if (paraNull(s)) {
		return;
	}
	var db = /^(-?\d+)(\.\d+)?$/;
	if (db.test(s)) {
		return false;
	}
	return true;
}

function notEqeql(s1, s2) {
	if (paraNull(s1) || paraNull(s2)) {
		return;
	}
	var s11 = s1.replace(/(^\s*)|(\s*$)|(\n)/g, "");
	var s22 = s2.replace(/(^\s*)|(\s*$)|(\n)/g, "");
	if (s11 == s22) {
		return false;
	}
	return true;
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的 JavaScript 练习代码,它实现了一个计算器: ```html <!DOCTYPE html> <html> <head> <title>JavaScript Calculator</title> </head> <body> <h1>JavaScript Calculator</h1> <input type="text" id="num1"> <input type="text" id="num2"> <br><br> <button onclick="add()">Add</button> <button onclick="subtract()">Subtract</button> <button onclick="multiply()">Multiply</button> <button onclick="divide()">Divide</button> <br><br> <p id="result"></p> <script> function add() { var num1 = parseFloat(document.getElementById("num1").value); var num2 = parseFloat(document.getElementById("num2").value); var result = num1 + num2; document.getElementById("result").innerHTML = "Result: " + result; } function subtract() { var num1 = parseFloat(document.getElementById("num1").value); var num2 = parseFloat(document.getElementById("num2").value); var result = num1 - num2; document.getElementById("result").innerHTML = "Result: " + result; } function multiply() { var num1 = parseFloat(document.getElementById("num1").value); var num2 = parseFloat(document.getElementById("num2").value); var result = num1 * num2; document.getElementById("result").innerHTML = "Result: " + result; } function divide() { var num1 = parseFloat(document.getElementById("num1").value); var num2 = parseFloat(document.getElementById("num2").value); var result = num1 / num2; document.getElementById("result").innerHTML = "Result: " + result; } </script> </body> </html> ``` 这个代码实现了一个简单的计算器,用户可以在两个输入框中输入数字,然后选择要进行的操作(加、减、乘、除),最后结果会显示在页面上。请注意,这只是一个非常基础的练习代码,还有很多可以改进和优化的地方。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值