form method="post" id="Resetform" name="addForm" onsubmit="return false"
时间: 2023-07-12 16:54:14 浏览: 153
这是一个 HTML 代码片段,用于创建一个表单。其中,"method" 属性指定了表单提交的 HTTP 方法为 POST,"id" 属性指定了表单的唯一标识符为 "Resetform","name" 属性指定了表单的名称为 "addForm","onsubmit" 属性指定了当表单提交时要执行的 JavaScript 函数为 "return false",这里 "return false" 的作用是阻止表单提交,因为它返回了一个 false 值。
相关问题
update: function () { var that = this; if (that.form.username == '' || that.form.gender == '' || that.form.college == '' || that.form.major == '' || that.form.phone == '' || that.form.dorm == '' || that.form.startdate == '' ) { that.$message.warning("请完整填写信息"); return false; } that.form['method'] = 'update'; axios.post("../controller/StudentController.php", that.form) .then(function (res) { var data = res.data; if (data.success) { that.$message.success("修改成功"); that.dialogVisible = false; that.resetForm(); that.queryAll(); } else { that.$message.warning("修改失败"); } }).catch(function (reason) { } ); }, handleClose: function () { this.dialogVisible = false; }这串代码的实现和功能
这是一个Vue.js组件中的方法,用于更新学生信息。方法中首先判断表单中的所有字段是否都已填写,如果有未填写的字段,则会弹出警告提示,并返回false。如果所有字段都已填写,则会设置表单中的method属性为'update',并使用axios库发送POST请求到指定的后端接口(StudentController.php)。当接口返回成功后,会弹出成功提示,并重新查询所有学生信息(调用queryAll方法),否则会弹出失败提示。同时,组件中还定义了一个handleClose方法,用于关闭弹框。
submitForm(formName) { this.$refs[formName].validate((valid) => { if (valid) { this.form.refid = this.detail.id; this.form.avatarurl = localStorage.getItem('headportrait') ? localStorage.getItem( 'headportrait') : ''; this.$http.post('discusslvyoujingdian/add', this.form).then(res => { if (res.data.code == 0) { this.form.content = ''; this.getDiscussList(1); this.$message({ type: 'success', message: '评论成功!', duration: 1500, }); } }); } else { return false; } }); }, resetForm(formName) { this.$refs[formName].resetFields(); },
这是一个 Vue.js 组件中的两个方法,`submitForm` 和 `resetForm`。
`submitForm` 方法接受一个表单名作为参数 `formName`,然后使用 `this.$refs[formName]` 获取到该表单组件的引用,接着调用该表单组件的 `validate` 方法进行表单验证。如果表单验证通过,就将一些数据赋值到 `this.form` 对象中,然后使用 `this.$http.post` 方法向服务器发送POST请求,并在请求返回结果为成功时清空表单、重新获取评论列表以及提示用户评论成功。如果表单验证不通过,就直接返回 `false`。
`resetForm` 方法也接受一个表单名作为参数 `formName`,然后使用 `this.$refs[formName]` 获取到该表单组件的引用,接着调用该表单组件的 `resetFields` 方法重置表单。
阅读全文