javascript中alert()提交代码不刷新页面

最新推荐文章于 2023-06-03 23:56:54 发布

蜗牛不爱海绵宝宝

最新推荐文章于 2023-06-03 23:56:54 发布

阅读量8.6k

点赞数 2

文章标签： javascript

本文链接：https://blog.csdn.net/wj123446/article/details/70841470

版权

本文介绍如何使用JavaScript进行表单验证，并通过返回值控制页面是否跳转。具体实现方式为，在表单提交按钮的点击事件中，利用正则表达式检查输入字段是否包含特定字符，如汉字，并在不符合条件时弹窗提示用户并阻止页面跳转。

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

今天，我们介绍一个下，javascript中alert()中弹出弹框之后，不跳转页面的方法

<input id ="submit1" type="submit" value="提交" class="btn btn-orange" οnclick="return checkName1()"></div>
<script>
function checkName1() {
var title = document.getElementById("title1").value;
var description = document.getElementById("description1").value;
var reg = new RegExp("[\\u4E00-\\u9FFF]+","g");
if(reg.test(title)){
alert("请不要在标题输入汉字")
return false;
}
var reg = new RegExp("[\\u4E00-\\u9FFF]+","g");
if(reg.test(description)){
alert("请不要在摘要输入汉字")
return false;
}
return true;
}
</script>
其中,对于这个代码提不提交，是看onclick的返回的值来判断的，如果返回true的话,则跳转页面,如果返回的false的话,不跳转页面