博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
点击button触发onclick事件判空后依旧自动跳转
阅读量:4922 次
发布时间:2019-06-11

本文共 692 字,大约阅读时间需要 2 分钟。

这是一个前端的问题。

 

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

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, "");

 

转载于:https://www.cnblogs.com/chenyangsocool/p/7338326.html

你可能感兴趣的文章
Vmware Tools is currently being installed on your system(转)
查看>>
Linux学习笔记(Ubuntu操作系统)之hadoop学习之路
查看>>
try throw catch typeid
查看>>
scroll家族中的scrollWidth 和 scrollHeight
查看>>
mysql5.7忘记密码修改方法
查看>>
poj 1251续
查看>>
fmt 包中的函数和方法
查看>>
我所了解的一些路由器对比
查看>>
Can DBC文件翻译
查看>>
Yii2的深入学习--入口文件
查看>>
CSS 巧用 :before和:after
查看>>
同源策略
查看>>
宽容的心态,开明的头脑
查看>>
centos7安装docker和docker compose【转】
查看>>
由一个简单的有返回值的子程序想到的
查看>>
php:获取一个表不含text类型的全部字段
查看>>
java-泛形使用
查看>>
多线程下C#如何保证线程安全?
查看>>
前端限流大法
查看>>
html 中head显示 在标题栏里面的图片
查看>>