DOM问题.求高手帮忙!!!

<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <script language="javascript">
function fun() {
var testA = document.getElementById("testA");
if(document.getElementById("txtName").value.charAt(0) == "3") {
testA.attributes["onclick"].value = "";
} else {
testA.attributes["onclick"].value = "javascript:alert('OK');";
}
}
  </script>
 </HEAD> <BODY>
  <input type="text" name="txtName" id="txtName" value="" onblur="fun()">
  <input type="text" name="txtName2" id="txtName2" value="">
  <BR />
  <a href="#" onClick="javascript:alert('OK');" id="testA">点啊</a>
 </BODY>
</HTML>我想实现在文本框中输入以3开头文本后失去焦点,超链接不可用,但是非3开头失去焦点,超链接又变为可用,可上面不管用,超链接onclick无效了,求高手帮忙!!!

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <script language="javascript">
    function fun() {
    var testA = document.getElementById("testA");
    if(document.getElementById("txtName").value.charAt(0) == "3"){
    testA.onclick=null;
    } else {
    testA.onclick=function(){alert('OK');};
    }
    }
    </script>
    </HEAD><BODY>
    <input type="text" name="txtName" id="txtName" value="" onblur="fun()">
    <input type="text" name="txtName2" id="txtName2" value="">
    <BR />
    <a href="#" onClick="javascript:alert('OK');" id="testA">点啊</a>
    </BODY>
    </HTML>
      

  2.   

    <script language="javascript">
    function fun() {
    var testA = document.getElementById("testA");
    if(document.getElementById("txtName").value.charAt(0) == "3") {
    //testA.attributes["onclick"].value = "";
    testA.onclick = function(){ return; };
    } else {
    //testA.attributes["onclick"].value = "javascript:alert('OK');";
    testA.onclick =function(){alert("OK");};
    }
    }
    </script>
      

  3.   

    <script>
      function tt1f(obj){
       if(event.keyCode==51){
    if(obj.value==="")
    alert('开头输入了3');
    }
      }
    </script>
    <input type="text" id="tt1" onKeyDown="tt1f(this)">