$('.layui-layer-btn').find('a').eq(0).attr('id', 'ImportBtn'); // 导入 $('.layui-layer-btn').find('a').eq(1).attr('id', 'ResetBtn'); // 重置 $('.layui-layer-btn').find('a').eq(2).attr('id', 'PreserveBtn'); // 保存 $('.layui-layer-btn').find('a').eq(3).attr('id', 'GenerateDelegatOrderBtn'); // 生成委托单 $('.layui-layer-btn').find('a').eq(4).attr('id', 'SecondaryOrderCreationBtn'); // 二次建单 $('.layui-layer-btn').find('a').eq(5).attr('id', 'SubmitBtn'); // 提交 $('.layui-layer-btn').find('a').eq(6).attr('id', 'CloseBtn'); // 关闭 给按钮添加ID后,点击保存按钮如何才能提示填写完整
时间: 2023-09-17 22:10:07 浏览: 41
要在点击保存按钮时提示填写完整,你可以添加一些验证逻辑来检查表单是否已填写完整。在你给按钮添加了 ID 后,你可以为保存按钮绑定一个点击事件处理程序,并在处理程序中进行验证。
以下是一个示例代码,用于在点击保存按钮时进行表单验证:
```javascript
// 获取保存按钮元素
var preserveBtn = document.getElementById("PreserveBtn");
// 绑定点击事件处理程序
preserveBtn.addEventListener("click", function() {
// 进行表单验证
if (isFormComplete()) {
// 表单已填写完整,执行保存操作
saveForm();
} else {
// 表单未填写完整,提示用户填写完整
alert("请填写完整表单!");
}
});
// 表单验证函数
function isFormComplete() {
// 根据实际情况编写表单验证逻辑
// 返回 true 表示表单已填写完整,返回 false 表示表单未填写完整
// 你可以根据具体的表单字段进行验证,例如判断是否有必填字段为空等
// 这里只是示例,需要根据实际情况进行修改
var input1 = document.getElementById("input1").value; // 假设有一个名为 input1 的输入框
var input2 = document.getElementById("input2").value; // 假设有一个名为 input2 的输入框
if (input1 && input2) {
return true;
} else {
return false;
}
}
// 保存表单函数
function saveForm() {
// 执行保存操作
// 根据实际情况编写保存逻辑
console.log("表单已保存!");
}
```
在上述代码中,我们首先获取到保存按钮元素,并为其绑定了一个点击事件处理程序。在点击事件处理程序中,我们调用 `isFormComplete()` 函数来检查表单是否已填写完整。如果表单已填写完整,则执行保存操作;如果表单未填写完整,则弹出提示框。
你需要根据实际情况修改 `isFormComplete()` 函数中的验证逻辑,根据你的表单字段进行判断。同时,你还需要编写保存表单的逻辑,以便在表单填写完整时执行保存操作。
希望这能帮到你!如果有任何进一步的问题,请随时提问。