点击button触发onclick事件判空后依旧自动跳转

这是一个前端的问题。

其中判断字符串为空的脚本代码是这样的:

var remark = $("#Remark").val();
//判空。注意:var reg = /空格/g;
var reg = / /g;
var tmp = remark.replace(reg, "");

先把所有空格去除,通过判断tmp是否为空来判断文本框是否为空。

问题是这样的:我点击button后,触发js脚本判断input框是否为空,如果为空就提示出错。否则提交表单。

结果是这样的:我敲回车后,尽管内容为空,也正确判断了内容为空,但是判断过后依旧会进行表单提交操作。

问题原因:在页面上有<form action=""></form>标签,所以当点击后,首先会进行js脚本,执行完成后依旧会进行form表单提交。

解决方案:删除<form action=""></form>标签就不会自动跳转了。

然后解决后,后来用同样的方法对textarea进行判断出错。

问题是这样的:我点击button后,触发js脚本判断textarea框是否为空,如果为空就提示出错。否则提交表单。

结果是这样的:我敲回车后,尽管没有输入任何文字,但是无法判断内容为空,于是导致直接提交表单。

问题原因:回车也是字符,所以我只替换了空格却没有替换回车符,所以判断不为空,直接提交了表单。

解决方案:多添加一个替换操作就可以了。

reg = /\n/g;
tmp = remark.replace(reg, "");
时间: 2024-10-09 22:54:57

点击button触发onclick事件判空后依旧自动跳转的相关文章

A标签触发onclick事件而不跳转的多种解决方法

A标签触发onclick事件而不跳转的多种解决方法 一个标签仅仅是要触发onclick行为,遇到了A标签触发onclick事件时不执行跳转: 在web页面开发时,我们经常会遇到下列情况: 1.一个标签仅仅是要触发onclick行为: 2.表现上要有鼠标的pointer指针显示,或者其他类似a标签的视觉效果. 比如执行删除操作时,为了避免误操作,我们要弹出对话框让用户确定是否删除.因此我们经常会用链接<a></a>形式代替<button> 触发onclick事件. <

a标签触发onclick事件而不跳转href指定路径

在web页面开发时,我们经常会遇到下列情况: 1.一个标签仅仅是要触发onclick行为: 2.表现上要有鼠标的pointer指针显示,或者其他类似a标签的视觉效果. 比如执行删除操作时,为了避免误操作,我们要弹出对话框让用户确定是否删除.因此我们经常会用链接<a></a>形式代替<button> 触发onclick事件. 代码如下: <script type="text/javascript">function del(){if(con

asp.net js验证为空j时,不让button执行onclick事件

<script type ="text/javascript" language="javascript">           function checkInput() {                  var strMsg = "";          var userName = document.getElementById("<%=txt_Uer.ClientID%>").value; 

JQuery模拟点击页面上的所有a标签,触发onclick事件

注意: 这种方法需要给所有的a标签加上id属性 <script> $(function () { // 模拟点击页面上的所有a标签,触发onclick事件 $("a").each(function () { document.getElementById(this.id).click(); }) }) </script> 原文地址:https://www.cnblogs.com/daleyzou/p/9500782.html

GridView点击行触发SelectedIndexChanged事件

1.在<% @Page ...... %>指令中添加 EnableEventValidation="false" 2.在RowDataBound事件中添加 protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { switch (e.Row.RowType) { case DataControlRowType.DataRow: e.Row.Attributes["s

ASP.NET 解决在点击Button执行服务器事件之前验证用户输入并阻塞

在网站项目开发时,为了减少用户的错误性的操作,很多时候我们都需要做一些必要的JS验证来提醒用户,比如:"输入的值不符合规则,请重新输入"."提交后无法修改,您确定要继续吗?"友好性的提示. 这时候我们想到了Button有一个客户端的点击事件(OnClientClick),大家知道,ASP.NET 页面ASPX页面被创建的时候会生成 一段代码 <input type="hidden" name="__EVENTTARGET"

Asp.Net回车键触发Button的OnClick事件解决方案

在aspx页面有textbox文本框,还有三个button按钮.启用textbox的TextChanged事件和button的click事件. 问题: 现在在textbox文本框输入完数据按“回车”后,会触发TextChanged事件,但同时还会触发该页面第一个button按钮的Click事件. 解决方法一: 当在文本框中敲回车的时候,表单提交.因为在.net中一个Page只有一个form表单.所以也就有一个Sumbit事件. 当UseSubmitBehavior的属性是True的时候,表单的提

button的onclick事件导致的XMLHttpRequest 页面刷新

情况:在form中定义了一个<button>,点击时 进行数据的取得.bug:先在form中输入一个 fcode字段,再点<button>,控制台输出:[主线程中同步的 XMLHttpRequest 已不推荐使用,因其对终端用户的用户体验存在负面影响.]jquery说的不明所以,也不是报错,无法知道到底哪里错了.调试好久,查询百度看到帖子:https://bbs.csdn.net/topics/380081630 情况虽然不太一样,但根据他的方法,在button标签,设置oncli

前端的事件冒泡(例如点击一次onclick事件执行两次)解决办法

问题概要: 当我运用antd 中 radio组件的时候发现radio组件是有bug的 就是你不能给他赋予id 和 value,同时也绑定不上onclick等事件.举个例子: 可以看到 你就算赋予了id 和value 前端页面渲染也是不正常的 value无论赋成什么 结果都是on但是我还需要对他进行一些操作需要绑定他的onclick事件 所以我得解决办法就是在radio标签外套了一层div 绑定了id属性,同时将onclick事件绑定在这层div上.当我们触发它时,通过jQuery的子选择器找到内