怎么在表单中提交不想让用户填写的数据(即已在后台确定好)?

var id = document.getElementById("id");
var id_real = document.cookie.substr(-12);
id.value = id_real;

其中,id为一个表单中的文本框对象,这个已经由内部进行填写,无需用户自己填写,即只读。
提交时希望一并添加到访问路径中,以便于后台java代码进行数据库等操作,设置disabled=“disabled”,乃至hidden="hidden"属性都是不可行的。此时,可以设置readonly=“readonly”。如:

<tr>
    <td>学号:</td>
    <td><input type="text" readonly="readonly" name="id" id="id" value=""></td>
</tr>

此种写法可以将该文本框内容一并提交到请求路径中。
注:重要的事情说三遍!!!需要提交到后台的数据一定要有name属性!需要提交到后台的数据一定要有name属性!需要提交到后台的数据一定要有name属性!!!

在Vue,为了防止用户提交表单之前意外关闭弹窗(模态框),可以采用以下策略: 1. **阻止默认提交行为**: 首先,在表单的`@submit`事件上加上`event.preventDefault()`来阻止表单的默认提交行为。这样即使用户点击了关闭按钮,表单也不会立即提交。 ```javascript <template> <modal @on-close="handleClose"> <form @submit.prevent="handleFormSubmit"> <!-- 表单内容 --> <button type="submit">提交</button> </form> </modal> </template> <script> export default { methods: { handleFormSubmit(event) { if (this.formValid()) { // 检查表单是否有效 event.preventDefault(); // 阻止默认提交 // 进行表单数据验证和实际提交操作 } }, // ... } }; </script> ``` 2. **显示加载状态**: 当表单提交时,可以在表单外显示一个加载指示器或者禁用关闭按钮,直到提交操作完成。用户明白他们需要等待或者无法关闭弹窗。 ```html <template> <modal :disable-close="isSubmitting"> <!-- 加载指示器 --> <div v-if="isSubmitting"> <el-loading spinner></el-loading> </div> <form @submit.prevent="handleFormSubmit"> <!-- 表单内容 --> <button :disabled="isSubmitting">提交</button> </form> </modal> </template> <script> export default { data() { return { isSubmitting: false, }; }, methods: { handleFormSubmit() { this.isSubmitting = true; // 提交操作 // ... setTimeout(() => { this.isSubmitting = false; // 提交完成后设回false }, 2000); // 模拟异步操作,实际应用应替换为真实回调 }, // ... } }; </script> ``` 通过以上方法,用户提交表单期间将无法关闭弹窗,确保了数据不会丢失。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值