按钮提交--submit()函数提交--onclick="return check()" 提交

 

按钮提交:没什么好说的 就是把表单里的内容提交到web服务器

例如

<form id="myForm" action="#{manageBean.action }" method="get">

Firstname: <input type="text" name="firstname" size="20"><br />

Lastname: <input type="text" name="lastname" size="20"><br /><br />

<input type="button" value="Submit"/>

</form>

点击 submit按钮 就提交啦

下面说下在点击 SUBMIT按钮调用 js 代码的 提交 方法

 

<script type="text/javascript">

function formSubmit() {

 document.getElementById("myForm").submit()

 }

</script>

<form id="myForm" action="#{manageBean.action }" method="get">

Firstname: <input type="text" name="firstname" size="20"><br />

Lastname: <input type="text" name="lastname" size="20"><br /><br />

<input type="button"    οnclick="formSubmit()"   value="Submit"/>

</form>

该方法提交表单的方式与用户单击 Submit 按钮一样，但是表单的 onsubmit 事件句柄不会被调用。

还有一种方法就是把监听事件 放到form标签里面

 

<form id="myForm" action="#{manageBean.action }"   οnsubmit="formSubmit()"    method="get">

Firstname: <input type="text" name="firstname" size="20"><br />

Lastname: <input type="text" name="lastname" size="20"><br /><br />

<input type="button"    οnclick="formSubmit()"   value="Submit"/>

</form>

不过这样的话 只要是在myForm表单里面的说有的submi标签提交的时候都回 调用 formSubmit() 方法

3:οnclick="return check()" 的 使用方法 

以在jsf项目中为例子 

<h:form id="form1">

    <h:commandLink  οnclick="if(!confirm('are your sure'))  return false"  action="#{lowManage.deleteLow}" id="deleteLow">
         <h:outputText value="[删除]" styleClass="outputText"></h:outputText>
       </h:commandLink>

 </h:form>

 当点击删除按钮的时候 会谈出确认对话框 如果确认删除的话 返回的是true 那么    if(!confirm('are your sure'))  return false  就不会返回false  提交按钮就会执行提交操作

在这里的commandButton被解析成了一个提交按钮。如果java script返回true值这个表单会被提交，如果返回false将会忽略表单的提交。