页面的设计[，，在JSP中](file:C:UsersghzDesktopallCodingDict-Local%E7%88%AC%E8%99%ABpages

页面的设计[，， 在JSP中](file:///C://Users//ghz//Desktop//all//CodingDict-Local//%E7%88%AC%E8%99%AB//pages//

[

您不应更改提供给您的设计。在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);}