onSubmit="" 属性

最新推荐文章于 2022-10-11 17:02:46 发布

weixin_34210740

最新推荐文章于 2022-10-11 17:02:46 发布

阅读量160

点赞数

CC 4.0 BY-SA版权

文章标签： php

原文链接：http://www.cnblogs.com/szlhtljt/p/3284244.html

本文探讨了在表单提交时如何利用onsubmit事件进行数据验证，并结合AJAX技术实现表单数据的异步提交，确保用户体验与数据准确性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

onsubmit 事件会在表单中的提交表单按钮被点击时发生。

当用点击按钮，提交表单执行前，就会发生此事件。此事件一般是调用JS函数来判断时否继续提交表单。onsubmit可以接收所调有函数的返回值（true/false)，如果真，继续提交表单；如果假，中止提交。

例：

JS函数：

function jiancha0()

{
　　var ab1 = document.getElementById("select");
　　var ab2 = document.getElementById("textfield");
　　var ab3 = document.getElementById("select3");

　　 if(ab1.value == "" && ab2.value == "" && ab3.value == "")
　　 {
　　　　 alert("请选择查询条件：报读院校、入学时间或学习状况！！！至少选择一项");
　　　　 return false;//返回假值，让下面的form1停止执行在新的窗口执行代码。
　　 }
}

　　　　*************return jiancha0() //返回函数jiancha0()的值。如果是否，中止执行表单操作。

</form>

一旦点击“查询”按钮，就会触发表单传递事件，但是因为有了onsubmit="return jiancha0()" 这个属性事件的的出现，首先会去调用jiancha0()函数。返回的如果是假值，中止执行表单传递。

转载于:https://www.cnblogs.com/szlhtljt/p/3284244.html