问题描述
想请教下大家。怎样将:$(function(){$("#name").blur(function(){var nameval = $("#name").val();if(nameval == ""){$("#pname").html("name not null");}else{name = true;$("#pname").remove();}});});这段代码不使用jquery框架写,而变成js的语法呢?有谁知道的吗?可以告诉我一下吗?非常感谢。 问题补充:<div class="quote_title">clue 写道</div><div class="quote_div"><pre name="code" class="js">window.onload = function(){var nameDom = document.getElementById("name");nameDom.onblur = function(){var pnameDom = document.getElementById("pname");var nameValue = nameDom.value;if(nameValue == ""){pnameDom.innerHTML = "name not null";}else{name = true; // ? 这个变量是哪的pnameDom.parentNode.removeChild(pnameDom);}};};</pre><br /><br />当然,以上代码适应性没jQuery那样好,比如onload及onblur同时只能绑定一个,对于select元素,dom.value取值应该与jQuery不相同。</div><br /><br />name = true; // ? 这个变量是哪的 是我用了阻止表单提交的。<br />谢谢你哦
解决方案
window.onload = function(){var nameDom = document.getElementById("name");nameDom.onblur = function(){var pnameDom = document.getElementById("pname");var nameValue = nameDom.value;if(nameValue == ""){pnameDom.innerHTML = "name not null";}else{name = true; // ? 这个变量是哪的pnameDom.parentNode.removeChild(pnameDom);}};};当然,以上代码适应性没jQuery那样好,比如onload及onblur同时只能绑定一个,对于select元素,dom.value取值应该与jQuery不相同。