首页 > 其他分享 >表单提交页面刷新问题

表单提交页面刷新问题

时间:2023-09-15 13:35:26浏览次数:46  
标签:form button 表单 刷新 type 页面

背景

  • 在template中使用了<form></form>,在form中使用了button
  • button绑定了onClick事件,进行非提交表单的操作
  • 当点击button时页面会自动刷新

原因

  • form标签在提交的时候会自带刷新页面的请求
  • button标签默认type="submit",放在form中使用点击就会触发submit

解决

  • 使用input代替button,将type更换为type="test"

标签:form,button,表单,刷新,type,页面
From: https://www.cnblogs.com/karle/p/17704823.html

相关文章

  • vue实现请再次输入密码的表单校验
     1、获取第一次输入的密码的值2、比较两次密码的值是否相等3、如果不一致返回错误信息this.userInfo.password2:获取第一次输入的密码;value当前校验值;validator自定义校验规则;constConfirmPassword=(rule,value,callback)=>{if(value!==this.userInfo.password2){......
  • Python开发实例(二十)网站检测工具:创建一个测量网站的工具,检查页面加载时间等指标
    在这个实例中,我们将创建一个简单的网站检测工具,使用Python的requests库来测量网站,包括页面加载时间等指标。首先,请确保你已经安装了requests库。如果没有安装,可以通过以下命令来安装:pipinstallrequests下面是一个网站检测工具的Python程序:importrequestsimporttimedefmeasu......
  • uniapp VUE-H5页面微信公众号内使用微信JSAPI支付
    注意看本文主要讲解uniapp打包成h5页面并部署在公众号时使用JSAPI的微信支付问题前期准备工作.首先要有一个开通商户注册的公众号,我们需要他的appid;.其次要开通商户公众号的公众号支付的功能并添加域名,开通完成后就可以基本开始我们的开发了既然是jsapi开发自然是要引入的......
  • element - 多表单验证必填
    方式1、该方法原文地址:https://blog.csdn.net/yprufeng/article/details/113052798方式2、//封装的js文件exportfunctionvalidateForms(formRefs){letobjectList=[];letresults=formRefs.map(formRef=>newPromise((resolve,reject)=>{......
  • springmvc中设置请求方式的转换,将post请求转换为put与delete,需要在web.xml中设置过滤
    2023-09-15web.xml<!--请求方式过滤器--><filter><filter-name>HiddenHttpMethodFilter</filter-name><filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class></filter><filter......
  • HTML5教程之移动端Web页面布局
    一、什么是移动端项目顾名思义,运行在移动端的项目就称为移动端项目。那什么是移动端呢,主要是指我们的一些手持设备,最具有代表性的就是我们日常使用的手机和平板,当然还包括一些其他便携设备,如智能手表,掌上游戏机,等流动装置。二、为什么要学移动端布局随着科技的进步......
  • vue2.0 表单验证明明有值却提示错误
    明明有值却总是提示为空我的解决方法时将number转为字符串验证方法如图:(验证只可以输入数字)赋值时转为字符串: ......
  • 个性404页面HTML源码分享
    分享的HTML与上图内容一样,需要修改的小伙伴可以自行修改内容。<style><!--@importurl("https://fonts.googleapis.com/css?family=Share+Tech+Mono|Montserrat:700");*{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline......
  • 一个基于Vue模型的表单生成器
    哈喽,我是老鱼,一名致力于在技术道路上的终身学习者、实践者、分享者!VuetifyFormBase是一个基于模型的表单生成器,目的是提供一个工具,以便以较少的努力从任何模型数据生成可编辑的表单,即使模型是一个深度嵌套的对象。VuetifyFormBase作为Vue组件工作,可以很容易地集成到任何VU......
  • 编辑新增使用同一个表单
    编辑新增使用一个表单列表展示table<template><divclass="mod-configml10"><!--搜索--><divclass="searchsearchHead"v-show="showSearch"><el-formref="searchForm":model="searchForm&......