900
技术社区[云栖]
form 表单提交数据小记
- form表单传统的提交方式，会跳转页面，需要做处理才行，可以在form上配置提交方式、提交地址，可以用submit、和button提交
用button提交时<form name= "myform" method = 'post' action = 'user_login_submit.action' onsubmit = "return checkUser();" > 其中checkUser返回false为不提交，你可以在checkUser中做数据校验function checkUser(){ var result = document.getElementById("userid").value; var password = document.getElementById("passid").value; if(result == "" ){ alert("用户名不能为空"); return false; } if(password == "" ){ alert("密码不能为空"); return false; } document.getElementById("formid").submit(); // 获取form的ID，然后调用它的submit方法 }
- 还有一种方法就是用let data = new FormData() 方法，FormData方法里传入页面form元素，然后用axios post方法将data传入即可，注意：form里input必须有name字段（即需要上传的字段），如果需要额外的字段且不需要input的情况，有两种解决办法：1、可以在页面中放入input 设属性hidden：true，2、用data.appen(‘字段名’, 内容),添加到form对象里
<form > <input name="name"/> <input name="age"/> </form> <script> let form = document.getElementById('forms') let data = new FormData(form) data.append('age', 12) </script>
- input file accept属性
<input type="file" name="pic" accept="image/gif, image/jpeg" /><input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg" ref="inputFile" :name="name" @change="changePicture"><input type="file" name="file" accept="application/pdf">
最后更新：2017-11-09 10:33:50