我正在爲我的表單創建一個簡單的JS驗證。我需要它在沒有填寫時突出顯示紅色的onblur,並且在你填寫之後填寫綠色。對不起,不允許在我的帖子中嵌入圖片:L 任何幫助表示感謝,謝謝。Javascript驗證亮點字段
這是HTML:
<form id="surveyForm">
Favourite movie?
<input type="text" id="favMov" onblur="return $formValidation()"/>
<span id="errorStyle"></span>
</form>
這是JS:
function $formValidation(elem) {
//gather the calling elements value
var val = document.getElementById(elem.id).value;
//Just for testing - alert(val.length);
//if the length value of the text field is blank - show error
if (val == "") {
document.getElementById("errorStyle").style.borderColor = "red";
return false
} else {
//if they are not blank remove error text
document.getElementById("errorStyle").style.borderColor = "green";
}
}
您可以在這裏找到一個小提琴樣本:
[的jsfiddle](http://jsfiddle.net )請使用此服務:) – alix
http://jsfiddle.net/a45gn9w4/ – Danieoli