功能描述
有时,页面表单需要判断是否已经被修改过,若没修改过,可能不需要提交或做其他操作,若修改过,提醒用户是否需要保存,这样的场景在web页面中可以实现。
页面效果
代码示例
使用jquery就可以比较容易实现
<script type="text/javascript" src="jquery.js"></script> <script> $(function() { $("#myform :input").change(function(){ $("#myform").data("changed",true); }); }); function mysubmit(){ alert($("#myform").data("changed")); if($("#myform").data("changed")){ alert("输入框修改过!") }else{ alert("没有修改过,继续!"); } } </script> </HEAD> <BODY> <form id="myform"> <input type="text" name="aa"/> <input type="text" name="bb"/> <select><option>aaa</option><option>bbb</option></select> <input type="button" value="提交" οnclick="mysubmit()"/> </form> |