tr
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
</head>
<body>
<script>
function funcheck(txt) {
var key = parseInt(txt.getAttribute('key'));
var txts = document.getElementsByClassName('txtclass');
for (var i = 0; i < txts.length; i++) {
var attr = txts[i].getAttribute('key');
if (attr) {
if (attr == key) {
$('.temp' + i).remove();
if (txts[i].value == '')
$(txts[i]).after(''">mandatory field!!')
}
}
}
}
</script>
<input key="1" class="txtclass" type="text" onblur="funcheck(this); return false;" id="txt1" /> <br />
<input key="2" class="txtclass" type="text" onblur="funcheck(this); return false;" id="txt2" /><br />
<input key="3" class="txtclass" type="text" onblur="funcheck(this); return false;" id="txt3" />
</body>
</html>
Demo:
- JSFiddle[
^]