Java学习日志18.7.31
学习内容及代码
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<form>
用户名 : <input type="text" name="" id="username"> <span id="usernameError"></span><br>
QQ : <input type="text" name="" id="qq"> <span id="qqError"></span><br>
联系电话 : <input type="text" name="" id="tel"> <span id="telError"></span><br>
<input type="button" name="" value= "提交" onclick="formReg();"> <span id="resultSpan"></span>
</form>
<script type="text/javascript">
var formReg = function() {
var flag = true;
var errorMsg = "";
var username = document.getElementById('username').value;
var qq = document.getElementById('qq').value;
var tel = document.getElementById('tel').value;
if (username.trim() == 0 || username.trim().length > 6) {
flag = false;
document.getElementById('usernameError').innerHTML = "用户名输入无效";
} else {
document.getElementById('usernameError').innerHTML = "";
}
if (qq.trim() != "" && isNaN(qq)) {
flag = false;
errorMsg += "qq输入无效";
}
var reg = /^[1][3,4,5,7,8][0-9]{9}$/;
if (tel.trim()!="" && !reg.test(tel)) {
flag = false;
errorMsg += "联系电话无效输入";
}
if (flag) {
document.getElementById('resultSpan').innerHTML = "输入成功";
} else {
document.getElementById('resultSpan').innerHTML = "输入无效";
}
}
</script>
</body>
</html>