プログラミング

プログラミングに関するフォーラムです。VBAは除きます。
  • 掲示板への投稿には会員登録(無料)が必要です。会員登録がまだの方はこちら
  • 掲示板ご利用上のお願い」に反するご記入はご遠慮ください。
  • Q&A掲示板の使い方はこちらをご覧ください
トピックに返信
質問

 
(Mac OS X : その他)
jQueryについて
投稿日時: 21/07/11 02:42:44
投稿者: hata

jQueryについて勉強しています。
下記コードで、「入力して下さい」の文字を、赤で表示したいです。
どうしたら良いでしょうか?
よろしくお願いします。
 
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  
  <title>宿題</title>
  <script src="jquery-3.6.0.min.js"></script>
</head>
<body>
    <script>
      function handan(){
        // テキストボックスのIDで値を取得し、ダイアログで表示する
        alert($("#num").val());
        // テキストボックスのIDで値を取得し、空かどうかをチェックする
        if(document.getElementById("num").value == ""){
        // if($("num").val() == ""){
         // 空の場合は「止まる」を画面上に表示する
           document.getElementById("kekka").innerHTML = "入力してください";
        }
      }
    </script>
    <input type="text" id="num">
    <input type="button" value="判断" onclick="handan()">
    <div id="kekka">ここに結果を表示します</div>
</body>
</html>

回答
投稿日時: 21/07/11 18:02:02
投稿者: hatena
投稿者のウェブサイトに移動

下記でどうでしょう。
 

function handan(){
  // テキストボックスのIDで値を取得し、ダイアログで表示する
  alert($("#num").val());
  // テキストボックスのIDで値を取得し、空かどうかをチェックする
  if($("#num").val() == ""){
    alert($("#num").val());
    $("#kekka").text("入力してください").css("color","red");
  }
}

トピックに返信