我想在页面关闭或刷新前检查一下form里面的元素是否被修改,如果修改就提示,如何实现啊

解决方案 »

  1.   

    <script language="javascript">
    function check()
    {
    window.alert("form里面的元素不允许修改!");
    }
    </script>
    <form>
    <input name="text1" onChange="check()">
    <input name="text2" onChange="check()">
    </form>
      

  2.   

    晕!我写的就是判断是否有修改,如果不允许修改直接readonly="1"就解决了!
    非要换成window.alert("你已经修改了form里面元素的值!");才行?
      

  3.   

    是啊,用户离开页面的话,如果表单有修改就提示一下,问一下要不要保存,其实input控件情况我已经解决了(用defaultValue,defaultChecked比较一下),但是select的话不知道如何处理,THX
      

  4.   

    一样的:
    <script language="javascript">
    function check()
    {
    window.alert("你已经修改了form里面元素的值!");
    }
    </script>
    <body><form>
    <input name="text1" onChange="check()">
    <input name="text2" onChange="check()">
    <select onChange="check()">
      <option>1</option>
      <option>2</option>
      <option>3</option>
    </select>
      

  5.   

    好多人都问过,俺见过的答案里,下面的代码俺最喜欢,俺写的是提交,关闭或刷新 LZ 自己处理!L@_@K
     <body>
        <form>
        <input name="text1" value="10"><br />
        <input name="text2" value="20"><br />
        <input type="checkbox" id="" />
        <input type="button" id="btnSubmit" value="Submit" />
        </form>
    <script type="text/javascript">
    <!--function checkFromIsModified()
    {
        var result = false;
        var colInput = document.getElementsByTagName("input");
        for (var i=0; i<colInput.length; i++)
        {
            if (colInput[i].value != colInput[i].defaultValue)
            {
                result = true;
                colInput[i].style.backgroundColor = "#ffff00";
            }
        }    return result;
    }document.getElementById("btnSubmit").onclick = function ()
    {
        if (checkFromIsModified())
        {
            return window.confirm("页面也修改,是否继续提交?");
        }
    };
    //-->
    </script>
     </body>
      

  6.   

    <input type="checkbox" id="" />改为,要不总报内容已修改,大意了,哈<input type="checkbox" value="30" />
      

  7.   

    THX楼上,但是如何知道<select>的修改呢,怎么知道它的初值???
      

  8.   

    HTML相当的随便,你可以给select自定义一个属性defaultValue。<select defaultValue="3" onChange="if(this.defaultValue!=this.value) alert(0)">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3" selected>3</option>
    <option value="4">4</option>
    </select>