自己写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
分享到:
相关推荐
需要注意的是,如果表单提交是通过一个普通按钮(`<input type="button">`)的`onclick`事件中调用`form.submit()`,那么`onsubmit`事件不会自动触发,需要手动调用。 示例: ```html <form action="index.jsp" ...
这里的`stat()`函数用于验证表单中的开始时间和结束时间是否符合要求,如果验证通过,则通过调用`document.form1.submit()`来提交表单。 #### 方法二:使用`<input type="submit">`实现表单提交 `<input type="...
<img id="submitBtn" src="submit_button.png" alt="Submit" onclick="submitForm();"> </form> function submitForm() { var form = document.getElementById('formtest'); var submitBtn = document....
这种方式不会触发表单的`onsubmit`事件,也不会执行提交按钮的`onclick`事件处理器。此外,JavaScript提交表单时,不会自动带上提交按钮的值,因为没有按钮被实际点击。 在上述提供的HTML代码示例中,表单定义为: ...
2. **JavaScript事件处理**:通过为`<input type="submit">`或`<button>`添加`onclick`事件处理函数,可以在提交前进行验证。如果验证失败,可以使用`return false;`阻止表单提交。对于`<button>`,因为其不具有自动...
在接收端,比较表单提交的随机数与Session中的值,如果不一致则认为是重复提交: ```php session_start(); $code = mt_rand(0,1000000); $_SESSION['code'] = $code; // ... 表单HTML ... // 接收端 ...
在网页设计中,有时我们需要在一个表单中设置多个提交(SUBMIT)按钮,以便执行不同的操作,例如“修改”和“删除”。面对这种情况,我们如何在服务器端区分这两个按钮的点击事件呢?以下两种方法可以帮助你实现这一...
" class="submit-button" onclick="submitForm()">提交 ``` 或者 ```html (0);" class="submit-button" onclick="submitForm()">提交 ``` 在JavaScript部分,我们需要定义`submitForm`函数来处理表单的提交逻辑:...
这可以通过在onsubmit事件中返回false来阻止默认行为,然后在事件处理函数中调用submit方法来完成提交。例如: ```javascript function validateAndSubmit() { var form = document.getElementById("postform"); ...
不过在IE6,safari4,ff3.5,opera10,chrome中,按Enter,不但激发form的submit事件,同时也会激发提交按钮的onclick,激发顺序为提交按钮的 onclick → form 的 onsubmit。 键盘事件 键盘事件 [Ctrl+A 全选 ...
在某些浏览器中,尤其是较旧的版本,如果提交按钮的`name`属性被设定为"submit",JavaScript的事件处理函数(如`onsubmit`、`onclick`等)可能会被浏览器忽略,导致预期的JavaScript代码不执行,从而造成js失效的...
提交" onclick="submitForm()" /> </form> 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)是用户与服务器交互的重要元素,通常用于收集用户输入的数据。当用户在表单内的输入字段按下回车键时,浏览器默认的行为是提交表单,这可能导致页面跳转到表单的`action`属性所指定的URL...
其中,`submit`方法还可以接收一个对象作为参数,该对象可以定义提交前的回调函数(`onSubmit`)和提交成功后的回调函数(`success`)。 `onSubmit`函数用于在表单提交之前执行,通常用于对表单数据进行验证。如果...
使用JavaScript中的form元素的submit方法进行提交时,JavaScript会立即处理提交操作,而不会触发表单元素上的onsubmit事件处理器。这意味着如果表单上有onsubmit事件处理器用于进行数据验证或执行其他操作,开发者...
在非IE6和非IE7的浏览器中,点击这个按钮会先触发`onclick`事件,显示"1"的警告对话框,然后由于`<button>`的默认`type`是`submit`,所以表单会尝试提交,触发`onsubmit`事件,显示"3"的警告对话框。这个行为展示了`...
在网页设计中,通常我们使用`<form>`元素来创建表单,并通过`<input type="submit">`按钮提交表单数据。然而,有时我们可能需要实现多个按钮,每个按钮触发不同的操作,而不直接提交表单。这时,我们可以利用...