課程
/前端開發
/JavaScript
/JavaScript進階篇
判斷文本框是否輸入文本，如果輸入了點確定就提交，否則提示請輸入
2018-08-16
源自：JavaScript進階篇 6-3
正在回答
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title>判斷輸入框是否為空</title>
? ? <script>
function inputText(){
var x=document.getElementById("text").value;
if(x==""){
alert("請輸入用戶名！");
}
else{
alert("提交成功！");
</script>
</head>
<body>
? 請輸入用戶名：<input type="text" name="text" id="text"><br>?
? <input type="button" value="確定" id="btn" onClick="inputText()">
</body>
</html>
var txt = document.getElementById("num").innerHTML;
if(txt){
提交
舉報
本課程從如何插入JS代碼開始，帶您進入網頁動態交互世界
2 回答求js如何不用正則就能判斷文本框輸入內容為數字
5 回答文本框中輸入數值
2 回答如何調整文本輸入框的大小
3 回答判斷輸入是否為空，但運行不管輸入是否為空，都會執行？
2 回答點擊提交只出現了一個輸入框
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-09-29
<!DOCTYPE html>
<html>
<head>
? ? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
? ? <title>判斷輸入框是否為空</title>
? ? <script>
function inputText(){
var x=document.getElementById("text").value;
if(x==""){
alert("請輸入用戶名！");
}
else{
alert("提交成功！");
}
}
</script>
</head>
<body>
? 請輸入用戶名：<input type="text" name="text" id="text"><br>?
? <input type="button" value="確定" id="btn" onClick="inputText()">
</body>
</html>
2018-08-16
var txt = document.getElementById("num").innerHTML;
if(txt){
提交
}