`
Sobfist
  • 浏览: 31776 次
  • 性别: Icon_minigender_1
  • 来自: 邯郸
社区版块
存档分类
最新评论

form提交onclick()、submit()与onsubmit()的执行顺序

阅读更多
自己写X()、Y()函数,我们会发现,这几个函数的执行顺序
1) onclick: Y();
2) onsubmit: X();
3) submit();
也就是说
只要 onclick 未 return false 那么就继续执行 onsubmit
只要 onsubmit 未return false 那么表单就被提交出去了
另外一点写法上注意一定要 “return X();” 才能取得函数的返回值,否则只是调用函数,返回值未被传递
正确写法:
<input type=submit onclick=”return X();”>
//X() 返回false后,form的submit会被终止
错误写法:
<input type=submit onclick=”X()”>
//X() 返回false后未传递给onclick事件,form的submit会继续www.hdboo.com
分享到:
评论

相关推荐

    onsubmit阻止form表单提交与onclick的相关操作

    需要注意的是,如果表单提交是通过一个普通按钮(`&lt;input type="button"&gt;`)的`onclick`事件中调用`form.submit()`,那么`onsubmit`事件不会自动触发,需要手动调用。 示例: ```html &lt;form action="index.jsp" ...

    页面提交submit的几种方法

    这里的`stat()`函数用于验证表单中的开始时间和结束时间是否符合要求,如果验证通过,则通过调用`document.form1.submit()`来提交表单。 #### 方法二:使用`&lt;input type="submit"&gt;`实现表单提交 `&lt;input type="...

    用image来提交form不想使用button提交form.docx

    &lt;img id="submitBtn" src="submit_button.png" alt="Submit" onclick="submitForm();"&gt; &lt;/form&gt; function submitForm() { var form = document.getElementById('formtest'); var submitBtn = document....

    js表单提交和submit提交的区别实例分析

    这种方式不会触发表单的`onsubmit`事件,也不会执行提交按钮的`onclick`事件处理器。此外,JavaScript提交表单时,不会自动带上提交按钮的值,因为没有按钮被实际点击。 在上述提供的HTML代码示例中,表单定义为: ...

    【JavaScript源代码】HTML form表单提交方法案例详解.docx

    2. **JavaScript事件处理**:通过为`&lt;input type="submit"&gt;`或`&lt;button&gt;`添加`onclick`事件处理函数,可以在提交前进行验证。如果验证失败,可以使用`return false;`阻止表单提交。对于`&lt;button&gt;`,因为其不具有自动...

    php防止form重复提交的方法

    在接收端,比较表单提交的随机数与Session中的值,如果不一致则认为是重复提交: ```php session_start(); $code = mt_rand(0,1000000); $_SESSION['code'] = $code; // ... 表单HTML ... // 接收端 ...

    两个SUBMIT按钮,如何区分处理

    在网页设计中,有时我们需要在一个表单中设置多个提交(SUBMIT)按钮,以便执行不同的操作,例如“修改”和“删除”。面对这种情况,我们如何在服务器端区分这两个按钮的点击事件呢?以下两种方法可以帮助你实现这一...

    js和jq使用submit方法无法提交表单的快速解决方法

    " class="submit-button" onclick="submitForm()"&gt;提交 ``` 或者 ```html (0);" class="submit-button" onclick="submitForm()"&gt;提交 ``` 在JavaScript部分,我们需要定义`submitForm`函数来处理表单的提交逻辑:...

    js 提交form表单和设置form表单请求路径的实现方法

    这可以通过在onsubmit事件中返回false来阻止默认行为,然后在事件处理函数中调用submit方法来完成提交。例如: ```javascript function validateAndSubmit() { var form = document.getElementById("postform"); ...

    javascript 键盘事件总结 推荐

    不过在IE6,safari4,ff3.5,opera10,chrome中,按Enter,不但激发form的submit事件,同时也会激发提交按钮的onclick,激发顺序为提交按钮的 onclick → form 的 onsubmit。 键盘事件 键盘事件 [Ctrl+A 全选 ...

    提交按钮的name='submit'引起的js失效问题及原因

    在某些浏览器中,尤其是较旧的版本,如果提交按钮的`name`属性被设定为"submit",JavaScript的事件处理函数(如`onsubmit`、`onclick`等)可能会被浏览器忽略,导致预期的JavaScript代码不执行,从而造成js失效的...

    Asp+ajax提交表单实例

    提交" onclick="submitForm()" /&gt; &lt;/form&gt; function submitForm() { var form = document.getElementById('myForm'); var formData = new FormData(form); var xhr = new XMLHttpRequest(); xhr.open('POST'...

    点击提交按钮后按钮变灰色不可用状态的三种方法

    当用户点击该按钮时,`this.disabled=true`会将按钮设置为不可用(灰色),然后`document.form1.submit()`提交表单。这种方式简洁明了,但缺点是提交成功后按钮仍然保持灰色,无法恢复为可用状态。 2. **利用`...

    网页中回车后form自动提交跳到其他页面的解决方法

    在网页设计中,表单(Form)是用户与服务器交互的重要元素,通常用于收集用户输入的数据。当用户在表单内的输入字段按下回车键时,浏览器默认的行为是提交表单,这可能导致页面跳转到表单的`action`属性所指定的URL...

    jquery插件EasyUI中form表单提交实例分享

    其中,`submit`方法还可以接收一个对象作为参数,该对象可以定义提交前的回调函数(`onSubmit`)和提交成功后的回调函数(`success`)。 `onSubmit`函数用于在表单提交之前执行,通常用于对表单数据进行验证。如果...

    JS和jQuery使用submit方法无法提交表单的原因分析及解决办法

    使用JavaScript中的form元素的submit方法进行提交时,JavaScript会立即处理提交操作,而不会触发表单元素上的onsubmit事件处理器。这意味着如果表单上有onsubmit事件处理器用于进行数据验证或执行其他操作,开发者...

    Button未设type属性时在非IE6/7中具有submit特性并自动提交form

    在非IE6和非IE7的浏览器中,点击这个按钮会先触发`onclick`事件,显示"1"的警告对话框,然后由于`&lt;button&gt;`的默认`type`是`submit`,所以表单会尝试提交,触发`onsubmit`事件,显示"3"的警告对话框。这个行为展示了`...

    不用SUBMIT可以实现的多个按钮的功能

    在网页设计中,通常我们使用`&lt;form&gt;`元素来创建表单,并通过`&lt;input type="submit"&gt;`按钮提交表单数据。然而,有时我们可能需要实现多个按钮,每个按钮触发不同的操作,而不直接提交表单。这时,我们可以利用...

Global site tag (gtag.js) - Google Analytics