2 u010862729 u010862729 于 2016.04.11 18:25 提问

JavaScript onchange运行一次失效

载入时运行了一次,之后失效了,代码如下

add.jsp

 <%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<title>添加</title>
<link href="/IMS/css/css.css" rel="stylesheet" type="text/css">
 <script src="/IMS/lib/MakeRequest.js"></script>
<script>
window.onload = initForm;

function initForm() {
     makeRequest(document.getElementById("aname"));
}
</script>
</head>
<body>
    <form action="Department111" method="post" name="add" id="add">
    <input type="hidden" name="action" value="add">
            <table>
                <tr>
                    <td width="120" align="right">名称:</td>
                    <td width="180" align="left"><input name="aname" type="text" id="aname" autofocus="autofocus" date="Department?action=s&name=" class="reqd"></td>
                </tr>
                <tr>
                    <td align="right">权限:</td>
                    <td align="left"><input name="level" id="level" class="reqd"></td>
                </tr>
                <tr>
                    <td align="right">
                            <a href="index.jsp">返回</a>
                        </td>
                    <td align="left"><input name="add" type="submit" id="add" value="添加"></td>
                </tr>
            </table>
    </form>
</body>
</html>

MakeRequest.js

function makeRequest(obj) {
    obj.addEventListener("onchange", makeR(obj), false)
    function makeR(obj) {
        console.log(obj);
        var url = obj.getAttribute("date") + obj.value;
        console.log(obj.value);
        console.log(url);
        if (window.XMLHttpRequest) {
            xhr = new XMLHttpRequest();
        } else {
            if (window.ActiveXObject) {
                try {
                    xhr = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {
                    console.log(e);
                }
            }
        }

        if (xhr) {
            xhr.addEventListener("readystatechange", showContents, false);
            xhr.open("GET", url, true);
            xhr.send(null);
        } else {
            msg.innerHTML = "Sorry, but I couldn't create an XMLHttpRequest";
        }
        function showContents() {
            if (xhr.readyState == 4) {
                if (xhr.status == 200) {
                    var outMsg = xhr.responseXML.getElementsByTagName("s")[0].childNodes[0].nodeValue;
                    if (outMsg == "yes") {
                        alert("已存在");
                    }
                } else {
                    var outMsg = "There was a problem with the request "
                            + xhr.status;
                    alert(outMsg);
                }
            }

        }
    }

}

3个回答

showbo
showbo   Ds   Rxr 2016.04.12 09:30
已采纳

obj.addEventListener("onchange", makeR(obj), false)
==>
obj.addEventListener("change", function(){makeR(obj)}, false)

u010862729
u010862729 问题已解决,能就是一下吗
大约 2 年之前 回复
hsd2012
hsd2012   2016.04.11 19:14

将 obj.addEventListener("onchange", makeR(obj), false)改为
obj.addEventListener("onchange",function(){makeR(obj);}, false)

u010862729
u010862729   2016.04.18 20:08

最终版本

 function makeRequest(obj) {

    obj.addEventListener("blur", function() {
    doit(obj)
    }, false);

    function doit(obj) {
    if (obj.value != null) {
        var url = obj.getAttribute("date") + obj.value;
        var xhr;
        if (window.XMLHttpRequest) {
        xhr = new XMLHttpRequest();
        } else {
        if (window.ActiveXObject) {
            try {
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
            console.log(e);
            }
        }
        }
        if (xhr) {
        xhr.addEventListener("readystatechange", showContents, false);
        xhr.open("POST", url, true);
        xhr.send(null);
        } else {
        msg.innerHTML = "Sorry, but I couldn't create an XMLHttpRequest";
        }

    }
    function showContents() {
        if (xhr.readyState == 4) {
        if (xhr.status == 200) {
            var outMsg = xhr.responseXML.getElementsByTagName("s")[0].childNodes[0].nodeValue;
            if (outMsg == "1") {
            alert("【" + obj.value + "】已存在");
            obj.focus();
            obj.select();
            }
        } else {
            var outMsg = "There was a problem with the request "
                + xhr.status;
            alert(outMsg);
        }
        }
    }
    }
}

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
input的file框onchange事件触发一次失效的解决方法
解决方法无非是创建一个新的input替换掉原来的input $.ajaxFileUpload({ type: "post", url: "/upload.do", secureuri:false, fileElementId:"targetFil
onchange第二次点击失效的解决办法
$("#Qrcode").on("change",function(){ replace(); }); function replace() { $.ajaxFileUpload({ url:"__CONTROLLER__/QrcodeSet", secureuri:false, fileElementId:'Qrcode',//file标签的id
select onchange失效问题
如果使用html dom来创造select时, onchange时间有时候回失效 select.onChange等方法回没有作用 需要改用以下写法 select.onchange = function(){ clauseName_OnChange(); };
javascript onchange() focus()
 function validate(obj, value) {if (obj.value > 2) {alert(must be setTimeout(function () { obj.focus() }, 50);obj.value = value;obj.select();}}
关于input的file框onchange事件触发一次失效的新的解决方法
在google了众多方法后,网上有这么几种方法: 1、替换掉原来的input框 2、remove原来的input框,然后在添加进新的一样的input框 但是不知道为什么非常不幸的是,怎么弄我都弄不出。。 后来我脑袋突然闪过一个灵感,我在触发了一次onchange事件后,他没反应,是不是onchange事件没有绑定,后来发现我的推测是正确的,然后我就重新给他绑定了一个onchange事件,测
onchange事件,在chrome浏览器4.30版本失效问题
工作中遇到,onchange事件,在chrome浏览器4.30版本失效。 /**************************************************************************************************/ //激活二级下拉框 $("#parentParaCode").onChange(){  $("#paraDesc
javascript基本方法getElementByName,getElementByTagName,onchange
getElementsByName 用户名: 你喜欢的明星有: 张柏芝小S大S杨幂 刘德华武大郎貂蝉张学友 <!-- //当窗体加
javascript中手动onchange事件触发
对于onBlur和onFocus可以直接调用object.Blur()和object.Focus(),但javascript中没有object.Change事件。于是就在网上查了一下,发现object.fireEvent()可以触发事件,如触发onchange事件则是object.fireEvent(onchange),以此类推。  
JavaScript onBlur,onChange,onClick
OnBlur:控件在失去焦点的时候触发 OnChange:当控件的内容发生改变时触发 OnClick:点击该控件时触发 OnKeyDown:在控件有焦点的情况下,按下键时触发 OnKeyPress:在控件有焦点的情况下,按下键时触发 OnKeyUp:在控件有焦点的情况下
javascript—onChange事件
onChange事件会在域的内容改变时发生    接下来的实例展示的是当输入框输入小写字母时,回车,你会发现域的内容变成了大写。 function upperCase(x) { var y=document.getElementById(x).value document.getElementById(x).value=y.toUpperCase() } 输入您的姓名: