帮我写一组输入框判别用的多功能代码
时间: 2023-06-20 11:07:01 浏览: 42
好的,以下是一个用JavaScript编写的多功能输入框判别代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>多功能输入框判别</title>
<script>
function checkInput() {
var input = document.getElementById("input");
var value = input.value.trim();
// 判断是否为空
if (value == "") {
alert("请输入内容!");
input.focus();
return false;
}
// 判断是否为数字
if (!isNaN(value)) {
alert("请输入非数字内容!");
input.focus();
return false;
}
// 判断是否为邮箱
if (value.match(/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/)) {
alert("请输入正确的邮箱地址!");
input.focus();
return false;
}
// 判断是否为电话号码
if (value.match(/^1[3|4|5|7|8][0-9]{9}$/)) {
alert("请输入正确的电话号码!");
input.focus();
return false;
}
// 判断是否为日期
if (value.match(/^[0-9]{4}-[0-9]{2}-[0-9]{2}$/)) {
alert("请输入正确的日期格式!");
input.focus();
return false;
}
// 判断是否为网址
if (value.match(/^((https|http|ftp|rtsp|mms)?:\/\/)[^\s]+/)) {
alert("请输入正确的网址!");
input.focus();
return false;
}
// 判断是否为中文
if (value.match(/[\u4e00-\u9fa5]/)) {
alert("请输入英文或数字!");
input.focus();
return false;
}
// 输入框内容符合要求
alert("输入框内容符合要求!");
return true;
}
</script>
</head>
<body>
<input type="text" id="input">
<button onclick="checkInput()">检查</button>
</body>
</html>
```
该代码实现了以下功能:
1. 判断输入框是否为空;
2. 判断输入框是否为数字;
3. 判断输入框是否为邮箱地址;
4. 判断输入框是否为电话号码;
5. 判断输入框是否为日期格式;
6. 判断输入框是否为网址;
7. 判断输入框是否为中文。
你可以根据需要自行添加或修改判断条件。