Мәтін ұясының кірісінің өңдік түсін өзгерту бос кезде жұмыс істемейді

Кіріс бос болса, мәтін енгізудің өңдік түсін өзгерту үшін осы JavaScript кодымен қатаң уақыт өткіземін.

Міне код:

function checkFilled() {
    var inputVal = document.getElementById("subEmail").value;
    if (inputVal == "") {
        inputVal.style.backgroundColor = "yellow";
                }
        }

Example: http://jsfiddle.net/2Xgfr/

Мен басында мәтіннің сары түстері шыққанын күтемін.

11

16 жауаптар

DEMO --> http://jsfiddle.net/2Xgfr/829/

HTML

<input type="text" id="subEmail" onchange="checkFilled();">

JavaScript

 function checkFilled() {
    var inputVal = document.getElementById("subEmail");
    if (inputVal.value == "") {
        inputVal.style.backgroundColor = "yellow";
    }
    else{
        inputVal.style.backgroundColor = "";
    }
}

checkFilled();

Note: You were checking value and setting color to value which is not allowed, that's why it was giving you errors. try like the above.

26
қосылды
@ samyb8 жаңартылған скрипка ...
қосылды автор Dhaval Marthak, көзі
@ samyb8 Себебі document.getElementById() бір элементті қайтарады және getElementsByClassName() түйін тізімдерін қайтарады, бақылаудың бірдей кластары бар! FYI: javascript.about.com/library/bldom08.htm Демо қараңыз -> jsfiddle.net/ 2Xgfr/17
қосылды автор Dhaval Marthak, көзі
Мәтін ұясында бірдеңе бар болса, түсі қалай жою керек?
қосылды автор samyb8, көзі
Егер getElementsById орнына getElementsByClassName қойып, HTML-де сынып үшін идентификаторды өзгертсеңіз неге бұл жұмыс істемейді?
қосылды автор samyb8, көзі

DEMO --> http://jsfiddle.net/2Xgfr/829/

HTML

<input type="text" id="subEmail" onchange="checkFilled();">

JavaScript

 function checkFilled() {
    var inputVal = document.getElementById("subEmail");
    if (inputVal.value == "") {
        inputVal.style.backgroundColor = "yellow";
    }
    else{
        inputVal.style.backgroundColor = "";
    }
}

checkFilled();

Note: You were checking value and setting color to value which is not allowed, that's why it was giving you errors. try like the above.

26
қосылды
@ samyb8 жаңартылған скрипка ...
қосылды автор Dhaval Marthak, көзі
@ samyb8 Себебі document.getElementById() бір элементті қайтарады және getElementsByClassName() түйін тізімдерін қайтарады, бақылаудың бірдей кластары бар! FYI: javascript.about.com/library/bldom08.htm Демо қараңыз -> jsfiddle.net/ 2Xgfr/17
қосылды автор Dhaval Marthak, көзі
Мәтін ұясында бірдеңе бар болса, түсі қалай жою керек?
қосылды автор samyb8, көзі
Егер getElementsById орнына getElementsByClassName қойып, HTML-де сынып үшін идентификаторды өзгертсеңіз неге бұл жұмыс істемейді?
қосылды автор samyb8, көзі

DEMO --> http://jsfiddle.net/2Xgfr/829/

HTML

<input type="text" id="subEmail" onchange="checkFilled();">

JavaScript

 function checkFilled() {
    var inputVal = document.getElementById("subEmail");
    if (inputVal.value == "") {
        inputVal.style.backgroundColor = "yellow";
    }
    else{
        inputVal.style.backgroundColor = "";
    }
}

checkFilled();

Note: You were checking value and setting color to value which is not allowed, that's why it was giving you errors. try like the above.

26
қосылды
@ samyb8 жаңартылған скрипка ...
қосылды автор Dhaval Marthak, көзі
@ samyb8 Себебі document.getElementById() бір элементті қайтарады және getElementsByClassName() түйін тізімдерін қайтарады, бақылаудың бірдей кластары бар! FYI: javascript.about.com/library/bldom08.htm Демо қараңыз -> jsfiddle.net/ 2Xgfr/17
қосылды автор Dhaval Marthak, көзі
Мәтін ұясында бірдеңе бар болса, түсі қалай жою керек?
қосылды автор samyb8, көзі
Егер getElementsById орнына getElementsByClassName қойып, HTML-де сынып үшін идентификаторды өзгертсеңіз неге бұл жұмыс істемейді?
қосылды автор samyb8, көзі

Сіз функцияны шақырған жоқсыз және сізде басқа қателіктер бар болса, мыналар болуы керек:

function checkFilled() {
    var inputVal = document.getElementById("subEmail");
    if (inputVal.value == "") {
        inputVal.style.backgroundColor = "yellow";
    }
}
checkFilled();

Fiddle

Сіз кірістің жолдың мәніне inputVal параметрін орнатып қойдыңыз, бірақ содан кейін ол style.backgroundColor параметрін орнатуға тырыстық, ол жұмыс істемейді, себебі ол жол емес элемент. Мен айнымалы мәнді орнына элемент нысанын сақтау үшін өзгертті.

4
қосылды

Сіз функцияны шақырған жоқсыз және сізде басқа қателіктер бар болса, мыналар болуы керек:

function checkFilled() {
    var inputVal = document.getElementById("subEmail");
    if (inputVal.value == "") {
        inputVal.style.backgroundColor = "yellow";
    }
}
checkFilled();

Fiddle

Сіз кірістің жолдың мәніне inputVal параметрін орнатып қойдыңыз, бірақ содан кейін ол style.backgroundColor параметрін орнатуға тырыстық, ол жұмыс істемейді, себебі ол жол емес элемент. Мен айнымалы мәнді орнына элемент нысанын сақтау үшін өзгертті.

4
қосылды

дене тегінің onLoad-дегі нұсқасын көріңіз

document.getElementById("subEmail").style.backgroundColor = "yellow";

содан кейін осы енгізу өрісін өзгерту кезінде кейбір мән бар ма, немесе оны сары түске бояйық

function checkFilled() {
var inputVal = document.getElementById("subEmail");
if (inputVal.value == "") {
    inputVal.style.backgroundColor = "yellow";
            }
    }
4
қосылды

Мынаны көріңіз:

function checkFilled() {
var inputVal = document.getElementById("subEmail");
if (inputVal == "") {
    inputVal.style.backgroundColor = "yellow";
    }
}
3
қосылды

Мынаны көріңіз:

function checkFilled() {
var inputVal = document.getElementById("subEmail");
if (inputVal == "") {
    inputVal.style.backgroundColor = "yellow";
    }
}
3
қосылды

<html>
<head></head>
<body>

    <input type="text" id="subEmail">


    <script type="text/javascript">

        window.onload = function(){

        var subEmail = document.getElementById("subEmail");

        subEmail.onchange = function(){

            if(subEmail.value == "")
            {
                subEmail.style.backgroundColor = "red";
            }
            else
            {
               subEmail.style.backgroundColor = "yellow"; 
            }
        };

    };



    </script>

</body>
2
қосылды

<html>
<head></head>
<body>

    <input type="text" id="subEmail">


    <script type="text/javascript">

        window.onload = function(){

        var subEmail = document.getElementById("subEmail");

        subEmail.onchange = function(){

            if(subEmail.value == "")
            {
                subEmail.style.backgroundColor = "red";
            }
            else
            {
               subEmail.style.backgroundColor = "yellow"; 
            }
        };

    };



    </script>

</body>
2
қосылды

<html>
<head></head>
<body>

    <input type="text" id="subEmail">


    <script type="text/javascript">

        window.onload = function(){

        var subEmail = document.getElementById("subEmail");

        subEmail.onchange = function(){

            if(subEmail.value == "")
            {
                subEmail.style.backgroundColor = "red";
            }
            else
            {
               subEmail.style.backgroundColor = "yellow"; 
            }
        };

    };



    </script>

</body>
2
қосылды

Кірістің мәніне мәнерлерді қоспаңыз, солай пайдаланасыз

function checkFilled() {
    var inputElem = document.getElementById("subEmail");
    if (inputElem.value == "") {
        inputElem.style.backgroundColor = "yellow";
                }
        }
2
қосылды

Кірістің мәніне мәнерлерді қоспаңыз, солай пайдаланасыз

function checkFilled() {
    var inputElem = document.getElementById("subEmail");
    if (inputElem.value == "") {
        inputElem.style.backgroundColor = "yellow";
                }
        }
2
қосылды

Сіз JavaScript және CSS көмегімен оны стиль аласыз. CSS-ге мәнерді қосыңыз және classlist сипатын пайдаланып, JavaScript қосу/жою стилін қолданыңыз. Мұнда JSFiddle .

  <div class="div-image-text">
    <input class="input-image-url" type="text" placeholder="Add text" name="input-image">
    <input type="button" onclick="addRemoteImage(event);" value="Submit">
  </div>
  <div class="no-image-url-error" name="input-image-error">Textbox empty</div>

addRemoteImage = function(event) {
  var textbox = document.querySelector("input[name='input-image']"),
    imageUrl = textbox.value,
    errorDiv = document.querySelector("div[name='input-image-error']");
  if (imageUrl == "") {
    errorDiv.style.display = "block";
    textbox.classList.add('text-error');
    setTimeout(function() {
      errorDiv.style.removeProperty('display');
      textbox.classList.remove('text-error');
    }, 3000);
  } else {
    textbox.classList.remove('text-error');
  }
}
0
қосылды

Сіз JavaScript және CSS көмегімен оны стиль аласыз. CSS-ге мәнерді қосыңыз және classlist сипатын пайдаланып, JavaScript қосу/жою стилін қолданыңыз. Мұнда JSFiddle .

  <div class="div-image-text">
    <input class="input-image-url" type="text" placeholder="Add text" name="input-image">
    <input type="button" onclick="addRemoteImage(event);" value="Submit">
  </div>
  <div class="no-image-url-error" name="input-image-error">Textbox empty</div>

addRemoteImage = function(event) {
  var textbox = document.querySelector("input[name='input-image']"),
    imageUrl = textbox.value,
    errorDiv = document.querySelector("div[name='input-image-error']");
  if (imageUrl == "") {
    errorDiv.style.display = "block";
    textbox.classList.add('text-error');
    setTimeout(function() {
      errorDiv.style.removeProperty('display');
      textbox.classList.remove('text-error');
    }, 3000);
  } else {
    textbox.classList.remove('text-error');
  }
}
0
қосылды

Сіз JavaScript және CSS көмегімен оны стиль аласыз. CSS-ге мәнерді қосыңыз және classlist сипатын пайдаланып, JavaScript қосу/жою стилін қолданыңыз. Мұнда JSFiddle .

  <div class="div-image-text">
    <input class="input-image-url" type="text" placeholder="Add text" name="input-image">
    <input type="button" onclick="addRemoteImage(event);" value="Submit">
  </div>
  <div class="no-image-url-error" name="input-image-error">Textbox empty</div>

addRemoteImage = function(event) {
  var textbox = document.querySelector("input[name='input-image']"),
    imageUrl = textbox.value,
    errorDiv = document.querySelector("div[name='input-image-error']");
  if (imageUrl == "") {
    errorDiv.style.display = "block";
    textbox.classList.add('text-error');
    setTimeout(function() {
      errorDiv.style.removeProperty('display');
      textbox.classList.remove('text-error');
    }, 3000);
  } else {
    textbox.classList.remove('text-error');
  }
}
0
қосылды