推广 热搜: csgo  vue  2023  angelababy  gps  信用卡  新车  htc  落地  控制 

JavaScript如何实现阻止表单提交的代码介绍

   2023-08-28 网络整理佚名1910
核心提示:这篇文章主要介绍了阻止表单提交方法,通过代码示例讲解了阻止表单提交需要注意的事项,以及和check()的区别写法,需要的朋友可以参考下第一种方法:利用event的阻止默认事件机制,页面载入之后获得元素,然后为注册click响应函数,参数为event事件。,提交表单,如果直接调用该函数,则直接提交表单如果不加控制的话,默认返回true,因此表单总能提交。

本文主要介绍阻止表单提交的方法,并通过代码示例说明阻止表单提交的注意事项,以及与 check() 的区别。 有需要的朋友可以参考以下


 
nsubmit="return checkLength()">

name:

html 页面。

第一种方法:利用event的阻塞默认事件机制,页面加载完成后获取元素,然后注册点击响应函数,参数为event事件。

用户点击后触发响应函数,直接event.(); 防止表单跳转的默认事件。

第二种方法:在=“()”或者form标签的input标签下添加属性“()”

该功能防止表单提交错误;

防止函数中的代码向下执行;

以下是

1. 两个形式的事件

,提交表单,如果直接调用该函数,则直接提交表单

,单击提交按钮时首先触发,然后触发该事件。 如果不控制,默认返回true,所以表单始终可以提交。

2.JS验证

在JS中使用..name.value来获取用户的每个输入并进行验证。 当完全通过时返回TRUE,否则返回False。

3、页面代码实现

4.JS的实现

function check(){
 if (document.testform.name.value=="admin") {  
  alert("姓名不正确");  
  return false; 
  }
 else{
  return true;
  }
}

注意

不要写成:“check()”,这样检查失败时不会提交表单。

 
反对 0举报 0 收藏 0 打赏 0评论 0
 
更多>同类资讯
推荐图文
推荐资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报
Powered By DESTOON