입력 값의 색상 변경

로그인 스크립트는 입력 이메일과 비밀번호가 있습니다. 이메일 입력 값이 "이메일"로 설정되어 있지만 올바르지 않은 경우 "이메일이 올바르지 않습니다"라는 값을 변경하는 스크립트를 추가했지만 색상이 빨간색 이었으면합니다. 아래 코드는 작동하지 않습니다. 어떻게 바꿀 수 있습니까?입력 값의 색상 변경

<input id="email" type="text" name="logemail" placeholder="Email"> 


echo '<span class=\'wrong\'> 
     <script> 
     document.getElementById("email").value = "incorrect email"; 
     </script> 
     </span>';

CSS :

.wrong{ 
color:red; 
}

출처

2014-09-20 Helloitsme

? CSS 또는 PHP? –

스팬 내에 스크립트 요소가있는 이유는 무엇입니까? 'id = "nick"'을 가진 요소는 어디에 있는가? – nnnnnn

마크 업을 포함한 전체 코드를 제공 할 수 있습니까? –

를 사용하여 별도의 자바 스크립트 함수를 동적으로 클래스를 추가 할 수 있습니다.

<script> 
    function addClass(element, myClass) { 
     element.className += ' ' + myClass; 
} 
</script> 
<span class='wrong1'> 
    <script> 
     document.getElementById("email").value = "incorrect email"; 
     var foo = document.getElementById('email'); 
     addClass(foo, 'wrong'); 
    </script> 
</span>

출처

2014-09-20 12:34:53 vinod

고마워! – Helloitsme

귀하의 CSS는 스팬 요소에 텍스트 상자 아닌 입력 값을 텍스트의 값을 변경합니다. 기술적으로 말하자면 현재 코드는 span 엘리먼트의 "innerHTML"의 색상을 입력 엘리먼트의 "value"가 아닌 단지 변경합니다.

변경

.wrong{ 
    color:red; 
}

#email{ 
    color:red; 
}

에 원하는 동작을 얻으려면 ...

실패 부분

출처

2014-09-20 12:35:03

도와 줘서 고마워. 하지만 이 코드는 값의 색을 영원히 바꿀 것입니다. 그리고 메아리가 빨간색 일 때 메아리가 울리는 경우에만 의미가 있습니다. – Helloitsme

그런 다음 쉬운 해결책은 span 대신 입력 요소에 "wrong"클래스를 추가하는 것입니다! –

그것은 작동합니다! 정말 고맙습니다 – Helloitsme

입력 값의 색상 변경

답변

관련 문제