草庐IT

form-validate

全部标签

form表单提交数据的两种方式——submit直接提交、AJAX提交

submit提交form表单本身提供action属性,在action属性中填写数据提交地址后,点击submit类型的按钮即可将数据提交至指定地址,代码如下:注册注意:method指定请求方式每个input表单项需要有name属性通过上述方式提交表单数据后,会发生页面跳转,跳转至action所指定的地址,很难满足开发需求。若要提交数据后不跳转,可以尝试通过ajax提交数据。AJAX提交form表单不填写action属性,并且在提交时阻止表单的默认行为,获取到表单数据后通过ajax的方式发送给后端,代码如下:Document注册document.getElementById('btn').oncl

加入k8s集群报错this Docker version is not on the list of validated versions: 20.10.17. Latest validated...

报错信息[preflight]Runningpre-flightchecks [WARNINGSystemVerification]:thisDockerversionisnotonthelistofvalidatedversions:20.10.17.Latestvalidatedversion:18.09解决报错信息可以看出跟docker的版本有关系,意思是:此Docker版本不在已验证版本列表中:20.10.17。最新验证版本:18.09分别查看docker和k8s的版本kubectlversiondockerversionk8s与docker的兼容关系图,所以需要降低docker的版本

使用postman测试接口的时候,遇到form-data类型如何传参

目录后端postman测试后端@PostMapping(value="/v1/updateDataPermsInfo")@ApiOperation(value="根据角色编号更新数据权限接口")@ApiImplicitParams({@ApiImplicitParam(name="roleIndex",value="角色编号",paramType="query",defaultValue="1"),@ApiImplicitParam(name="form",value="待更新表单",paramType="form-data")})publicResultMapString,Object>>u

element-ui form表单校验 失败的原因

1、没有在el-form上指定model2、el-form-item上的prop名称不对,应当与rules中的名称一致;3、绑定的属性没有在data中声明;el-form:model="ruleForm":rules="rules">el-form-itemlabel="年龄"prop="age">el-inputv-model.number="ruleForm.age">/el-input>/el-form-item>/el-form>script>exportdefault{ data(){varcheckAge=(rule,value,callback)=>{if(!value){ret

element-ui的form表单校验

form表单校验基本三步:1、定义验证规则//表单校验规则rules:{name:[{required:true,message:'部门名称不能为空',trigger:'blur'},{min:1,max:50,message:'部门名称要求1-50个字符',trigger:'blur'},//自定义校验规则{validator:validName,trigger:'blur'}],code:[{required:true,message:'部门编码不能为空',trigger:'blur'},{min:1,max:50,message:'部门编码要求1-50个字符',trigger:'blur

Resolved [org.springframework.web.HttpMediaTypeNotSupportedException: Content type ‘multipart/form-d

犯了个低级错误,如果各位遇到了,能为大家节省时间写习惯前后端分离的项目后,一直用axios发json数据,而用表单之间提交数据发现竟然报415错误,结果是因为我多加了@RequestBody注解错误提示{"timestamp":"2022-05-12T11:00:51.349+0000","status":415,"error":"UnsupportedMediaType","message":"Contenttype'multipart/form-data;boundary=--------------------------271485777611895245402302;charset=

postman 发送post请求中的x-www-form-urlencoded和form-data的区别

x-www-form-urlencoded格式的只能用来发送表单数据form-data格式除了能发送表单外还可以发送文本文件row发送JSON格式的数据

java中swagger报错:Please indicate a valid Swagger or OpenAPI version field. Supported version fields ar

请先看图,是不是和你所遇到的问题一致: 既然你搜索到这个错误问题,应该其它swagger基本配置都已做好了,那么这个错误信息已经提示你了,关键字也给你标记出来了,请选择版本一个是swagger它是2.0的,另一个是openapi它是3.0的,那么你要看下你目前选择的是哪个:在初始化swagger创建的时候,有指定版本:点进去看下这个 DocumentationType类中: 可以看到,有和我们提示信息一样的字眼swagger2.0openApi3.0也可以看到,你目前创建时候用的是openApi3.0,将其改为swagger2.0:改完之后,重启项目,可看到效果:  可以看到,已经可以正常打开

python使用requests提交post请求并上传文件(multipart/form-data)

目录一、背景二、请求接口上传文件    2.1、分析接口    2.2、python进行请求三、总结一、背景    也是前几天,有一个需求上传文件需要自动化。具体是上传到系统一个文件,并收到返回结果。考虑使用python的requests,一般这种查询或上传文件的接口都是post请求。所以就直接使用requests的post请求。但是在开发过程中,遇到一些问题需要注意。所以在此记录一下。二、请求接口上传文件    2.1、分析接口        首先浏览器f12查看接口内容(主要看接口类型、请求头、Payload)。发现上传文件的接口是post类型,请求头中Content-Type也很重要,指

react中form.setFieldvalue数据回填时 value和text不对应的问题

react中进入表单的编辑页面时需要将之前新建的数据回填,如果是{}的形式需要一一对应,如果是[]的形式需要单独的值意思是不接受数组对象也就是[{},{},{}]的形式解决方法:借用对象,用key去找value//进入编辑页面多选框的回填(转换为对象的形式,用key来找value)letreversedynamicDataObj={};letresult=[];Data.relatedProjects.map((i)=>{JSON.stringify(i.id).split(',').map((ele)=>{ reversedynamicDataObj[ele]={value:{name: