请问我的代码问题出在哪儿 事件（JS部分） A、 画面打开，弹出对话框“画面正常加载完了”
B、按钮按下后进行如下处理：a.清空表示栏内容b.文本输入框内如果输入，将输入文字列TRIM，并且反映在文本输入框c.如果长度为0，返回对话框“请输入”d.如果长度大于零...
B、 按钮按下后进行如下处理：
a. 清空表示栏内容
b. 文本输入框内如果输入，将输入文字列TRIM，并且反映在文本输入框
c. 如果长度为0，返回对话框“请输入”
d. 如果长度大于零，并且都是半角数字，在表示栏显示蓝色文字：“都为半角数字”
e. 如果长度大于零，并且存在全角文字，在表示栏显示红色文字：“存在全角文字”
f. 如果长度大于零，并且不满足条件c或者d，在表示栏显示黑色文字：“正常输入”
C、 文本输入框，内容变化：清空表示栏内容
其他要求
A、 HTML代码中不能有JS代码。请养成包.js文件的习惯。
B、 使用相对对路径
<!DOCTYPE html>
<html>
<head>
<title>MyHtml.html</title>
<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
alert("画面正常加载完了");
function disp_alert()
{
var c=
var a=document.getElementById("text");
var b="^\\d*";
if(a.value.length==0){
alert("请输入")
}
else if(a.value.matches(b)){
}
</script>
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
HTML&JS基础语法练习题 <br>
<form>
<label for="unname" accesskey="a" id="label">请输入文字:</label>
</form>
<input type="text" name="email"size="40" maxlength="50" id="text"/>
<input type="button" value="清空" style="height:30px;width:80px" onclick="disp_alert();">
</body>
</html> 展开
a. 清空表示栏内容
b. 文本输入框内如果输入，将输入文字列TRIM，并且反映在文本输入框
c. 如果长度为0，返回对话框“请输入”
d. 如果长度大于零，并且都是半角数字，在表示栏显示蓝色文字：“都为半角数字”
e. 如果长度大于零，并且存在全角文字，在表示栏显示红色文字：“存在全角文字”
f. 如果长度大于零，并且不满足条件c或者d，在表示栏显示黑色文字：“正常输入”
C、 文本输入框，内容变化：清空表示栏内容
其他要求
A、 HTML代码中不能有JS代码。请养成包.js文件的习惯。
B、 使用相对对路径
<!DOCTYPE html>
<html>
<head>
<title>MyHtml.html</title>
<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
alert("画面正常加载完了");
function disp_alert()
{
var c=
var a=document.getElementById("text");
var b="^\\d*";
if(a.value.length==0){
alert("请输入")
}
else if(a.value.matches(b)){
}
</script>
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
HTML&JS基础语法练习题 <br>
<form>
<label for="unname" accesskey="a" id="label">请输入文字:</label>
</form>
<input type="text" name="email"size="40" maxlength="50" id="text"/>
<input type="button" value="清空" style="height:30px;width:80px" onclick="disp_alert();">
</body>
</html> 展开
3个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<title>MyHtml.html</title>
<meta name="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
onload = function() {
alert("画面正常加载完了");
var txt = document.getElementById("text");
var label = document.getElementById("label");
txt.onkeyup = function() {
txt.value = txt.value.replace(/^\s+|\s+$/g, "");
if (txt.value == "") {
alert("请输入");
} else if (txt.value != "") {
if (/^\d+$/.test(txt.value)) {
label.style.color = "blue";
label.innerHTML = "都为半角数字";
} else if (/.*[^\x00-\xff].*/.test(txt.value)) {
label.style.color = "red";
label.innerHTML = "存在全角文字";
} else {
label.style.color = "black";
label.innerHTML = "正常输入";
}
}
}
}
var disp_alert = function() {
var label = document.getElementById("label");
label.innerHTML = "";
}
</script>
</head>
<body>HTML&JS基础语法练习题
<br />
<form>
<label for="unname" accesskey="a" id="label">请输入文字:</label>
<input type="text" name="email" size="40" maxlength="50" id="text" />
<input type="button" value="清空" style="height:30px;width:80px" onclick="disp_alert();">
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
修改如下，建议用浏览器开发者工具(http://jingyan.baidu.com/article/f0062228d2dfa8fbd3f0c89f.html)调试程序：
<!DOCTYPE html>
<html>
<head>
<title>MyHtml.html</title>
<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
alert("画面正常加载完了");
function disp_alert()
{
var c; //修改
var a=document.getElementById("text");
var b="^\\d*";
if(a.value.length==0){
alert("请输入")
}
else if(a.value.match(b)){ //是match
}
} //少个花括号
</script>
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
HTML&JS基础语法练习题 <br>
<form>
<label for="unname" accesskey="a" id="label">请输入文字:</label>
</form>
<input type="text" name="email"size="40" maxlength="50" id="text"/>
<input type="button" value="清空" style="height:30px;width:80px" onclick="disp_alert();">
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
