[
您不应更改提供给您的设计。在HTML中添加/更改 可见 元素会更改布局。
同样进行修改，不仅会给设计带来麻烦，还会给HTML代码增加错误。
定位标记没有
type="submit"属性。此属性在按钮和
input元素中可用。
修改
href链接的属性可使URL在悬停时可见。这不是设计人员强加的预期行为。可能他/她应该为您提供指导，说明如何继续执行代码以不更改设计。在这种情况下
onclick，
onsubmit事件可以使用javascript函数处理以提交表单。
在此示例中，您可以提交带有验证的表单。
注意： 该代码仅适用于
Edit按钮。
](file:///C://Users//ghz//Desktop//all//CodingDict-
Local//%E7%88%AC%E8%99%AB//pages//jsp/page_27_03.html)
``JSFiddle
HTML：
<form id="editForm" onsubmit="return doValidate();"><div id="leftmenu"> <nav> <ul id="addchild"> <li> <a href="#" id="add"> <i ></i> </a> </li> <li> <a href="#" id="addtext">Add Child / Student</a> </li> </ul> <ul id="parentinfo"> <li> <a href="#" id="edit" onclick="doSubmit()"> <span >Edit</span> </a> <input type="hidden" name="param" value="editParentInfo"/> </li> <li> <a href="#" id="edittext"> <span >Parent Info</span> </a> </li> </ul> <ul > <li> <a href="#" id="upgrade" >Upgrade Package</a> </li> <li> <a href="#" id="catalog" >Wow Catalog</a> </li> </ul> </nav> </div></form>
Javascript：
function doSubmit() { alert("The form is submitting"); var form = document.getElementById("editForm"); form.action="/register/studentSignup"; form.method="post"; submitForm(form);}function doValidate() { var form = document.getElementById("editForm"); alert("The form is being submittedn"+"action="+form.action+", param="+form.param.value); return false;}function submitForm(form) { //get the form element's document to create the input control with //(this way will work across windows in IE8) var button = form.ownerdocument.createElement('input'); //make sure it can't be seen/disrupts layout (even momentarily) button.style.display = 'none'; //make it such that it will invoke submit if clicked button.type = 'submit'; //append it and click it form.appendChild(button).click(); //if it was prevented, make sure we don't get a build up of buttons form.removeChild(button);}
