在用Ajax进行提交表单时,一般情况下需要将容器内的所有元素均置为Disabled,防止用户在提交过程中修改 <form method="post" action="http://192.168.0.109:8888/magento/greeting.php" id="test-form" name="test-form"> <div id="div1"> <label for="name">Enter your name:</label> <input id="username" name="username" type="text" /> <input id="password" name="password" type="text" /> <input id="testbutton" name="testbutton" type="button" value="testbutton" > </div> <div id="divResult" ></div> </form> Ajax.js Event.observe(window, 'load', init, false); function init(){ Event.observe('testbutton', 'click', replaceDiv1); } function disableEnableAll(element, isDisabled) { var descendants = element.descendants(); for (var k in descendants) { descendants[k].disabled = isDisabled; } element.disabled = isDisabled; } function replaceDiv1(){ var container = $('div1'); disableEnableAll(container, true);//true为禁用、false为启用 }