`
yesjavame
  • 浏览: 687306 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

关于form的onsubmit函数

 
阅读更多

以前没有用过onsubmit函数,总是在button的onclick的函数中进行验证,并且按钮的type="button",不能是submit,否则发生错误没法return
现在使用了onsubmit函数,就在onsubmit函数函数中进行验证操作,在onclick函数进行收集数据的功能(只有一些比较特殊的情况才需要这样做,一般都不需要指定这个函数的)

//2007.3.15:

具体示例:

<script>function validateForm( ) { /* Form validation code here */ }</script>
<form onsubmit="return validateForm( );">...</form>

注意:

1.onsubmit属性内容一定要有return关键字,否则函数会直接执行,不会返回

2.validateForm一定要返回一个boolean类型的返回值

分享到:
评论

相关推荐

    Form表单的action和onSubmit示例介绍

    Form表单具有多个属性和事件,其中action属性和onSubmit事件是两个非常重要的组成部分。 action属性是form表单的一个基本属性,它用来指定当表单提交后,所收集的信息将被发送到的服务器上的URL。在HTML5标准中,...

    js form 验证通用函数

    js form 验证通用函数 例子 onsubmit="checkField(this)" 请选择问卷题目!" name="field0"&gt; &lt;span id="field0Msg" style="color:red"&gt;&lt;/span&gt;

    form的OnSubmit和input type=image使用介绍

    以下是一个关于`onSubmit`和`input type=image`结合使用的例子: ```html function fuck() { alert("表单正在被提交!"); // 这里可以进行验证或其他操作 // 如果需要阻止表单提交,可以返回false } &lt;form ...

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

    1. return 的返回值问题,函数中return一旦有返回值,就不在执行下面的语句,直接跳到函数调用的地方。如下PHP函数代码,第一个if条件符合则函数值返回布尔型false,可以返回一个函数的值,并且跳出这个函数;只要...

    防止Layui form表单重复提交的实现方法

    首先,在HTML表单中,为了避免在提交时页面刷新导致的重复提交,可以在&lt;form&gt;标签中使用onsubmit="return false;"属性。这个属性的作用是在表单提交时返回false,阻止浏览器执行默认的提交行为,即刷新页面。但仅仅...

    JavaScript检查表单是否为空的函数

    &lt;form method="post" action="" onsubmit="return fn(this);"&gt; &lt;/form&gt; ``` 在这个例子中,当用户点击提交按钮时,会调用`fn`函数来验证表单数据的有效性。如果验证失败,将会弹出相应的错误提示,并...

    Laravel开发-laravel-form-builder

    在视图文件中,我们可以使用 `Form::open()` 和 `Form::close()` 方法包裹表单,然后使用 `form()` 函数渲染表单字段: ```blade {!! Form::open(['url' =&gt; 'users']) !!} {!! form($form) !!} {!! Form::close() ...

    Laravel开发-form-builder

    你还可以监听表单的提交事件,例如,添加`onSubmit`回调函数来处理表单提交后的逻辑。 8. **表单重定向** 在处理完表单数据后,可以通过`redirect()`方法指定用户应被重定向到哪个URL。 9. **可排序列** 如果...

    form表单只提交数据而不进行页面跳转的解决方案

    一般的form提交操作写法为 代码如下: &lt;form action=”saveReport.htm” method=”post”&gt; …… &lt;input type=”submit” value=”保存报告”/&gt;... 利用jquery的ajaxSubmit函数以及form的onsubmit函数完成,

    JavaScript验证函数大全

    &lt;form name="a" onsubmit="return test()"&gt; &lt;textarea name="b" cols="40" wrap="VIRTUAL" rows="6"&gt;&lt;/textarea&gt; &lt;/form&gt; ``` 3. **只能输入汉字** 使用`onkeyup`事件,通过正则表达式`/[^[\u4E00-\u9FA5]/g`...

    React Form 指南.pdf

    你可以在表单元素上使用onSubmit事件处理函数,并传递一个event参数,这个参数是一个事件对象,你可以通过调用event.preventDefault()来防止表单的默认提交行为,这对于异步表单提交尤其重要。此外,你还可以通过...

    js验证form对话框

    &lt;form onsubmit="return validateNotEmpty(input1) && validateNumber(input2) && validatePhoneNumber(input3) && validateEmail(input4)"&gt; 姓名"&gt; 年龄"&gt; 手机号码"&gt; 电子邮件"&gt; 提交 &lt;/form&gt; ``` 以上代码...

    form_login 表单验证 客户端验证

    &lt;form id="loginForm" onsubmit="return validateForm()"&gt; 用户名"&gt; 密码"&gt; 登录 &lt;/form&gt; ``` 然后在JavaScript中定义`validateForm()`函数: ```javascript function validateForm() { var username = ...

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

    这种方式是在form标签上设置onsubmit事件处理函数。 ```html function check() { var form = document.forms[0]; if (form.userId.value == '') { alert("请输入用户帐号!"); form.userId.focus(); return ...

    前端项目-react-redux-form.zip

    &lt;Form model="myForm" onSubmit={this.handleSubmit}&gt; {/* 更多表单字段 */} &lt;button type="submit"&gt;Submit &lt;/Form&gt; ); } } connect( state =&gt; ({ values: formSelector(state), }), dispatch =&gt; ({ ...

    JSP避免Form重复提交的三种方案

    &lt;html:form action="myAction.do" method="post" onsubmit="getElById('submitInput').disabled = true; return true;"&gt; &lt;/html:form&gt; ``` 第三种方法是利用Struts框架的同步令牌机制。这个机制是基于会话的,它在...

Global site tag (gtag.js) - Google Analytics