在<form target="hzh2" method="post" action="/cgi-bin/vgaic.cgi"> <input type="text" name="x2" id="x2" size="5" /> <label for="x2_submit"></label> <input type="submit" name="x2_submit" onclick="return check_x2()" id="x2_submit" id="x2_submit" value="设置" /> <label for="x2_submit"></label> <input type="reset" name="x2_submit" id="x2_submit" value="清除" /> </form>的按钮中新增一个带确定的弹窗
时间: 2023-07-06 10:31:35 浏览: 104
您可以使用 JavaScript 在提交表单前弹出一个确认框。以下是一个示例:
```html
<form target="hzh2" method="post" action="/cgi-bin/vgaic.cgi">
<input type="text" name="x2" id="x2" size="5" />
<input type="button" value="设置" onclick="confirmSubmit()" />
<input type="reset" name="x2_submit" id="x2_submit" value="清除" />
</form>
<script>
function confirmSubmit() {
if (confirm("确认要提交表单吗?")) {
document.forms[0].submit();
}
}
</script>
```
这段代码将在点击“设置”按钮时弹出一个确认框,如果用户点击“确定”按钮,则提交表单,否则不提交。您可以根据需要自定义确认框的内容和样式。
相关问题
在<form target="hzh2" method="post" action="/cgi-bin/vgaic.cgi"> <input type="text" name="x2" id="x2" size="5" /> <label for="x2_submit"></label> <input type="submit" name="x2_submit" onclick="return check_x2()" id="x2_submit" id="x2_submit" value="设置" /> </form>中,新增一个当check()有返回值时提示配置成功的弹窗
可以在check函数中添加一个判断语句,如果返回值为真,则使用JavaScript代码弹出一个提示框,例如:
```html
<form target="hzh2" method="post" action="/cgi-bin/vgaic.cgi">
<input type="text" name="x2" id="x2" size="5" />
<label for="x2_submit"></label>
<input type="submit" name="x2_submit" onclick="return check_x2()" id="x2_submit" value="设置" />
</form>
<script>
function check_x2() {
// 这里是原来的 check 函数代码
// ...
// 如果返回值为真,则弹出提示框
if (check_result) {
window.alert("配置成功!");
}
return check_result;
}
</script>
```
当用户点击设置按钮时,会先执行check函数进行表单验证,如果验证通过并且设置成功,则会弹出提示框。
在<form target="hzh2" method="post" action="/cgi-bin/vgaic.cgi"> <input type="text" name="x2" id="x2" size="5" /> <label for="x2_submit"></label> <input type="submit" name="x2_submit" onclick="return check_x2()" id="x2_submit" id="x2_submit" value="设置" /> </form>中,写一个当check()有返回值时提示配置成功的弹窗函数
您可以使用JavaScript编写一个弹窗函数,代码如下:
```javascript
function showSuccessMsg() {
alert("配置成功!");
}
```
然后在 `onclick` 事件中调用 `showSuccessMsg()` 函数并在 `check_x2()` 函数中返回 `true` 值,代码如下:
```html
<form target="hzh2" method="post" action="/cgi-bin/vgaic.cgi">
<input type="text" name="x2" id="x2" size="5" />
<label for="x2_submit"></label>
<input type="submit" name="x2_submit" onclick="if(check_x2()){showSuccessMsg();}return false;" id="x2_submit" value="设置" />
</form>
```
这样,当 `check_x2()` 函数返回 `true` 值时,弹窗函数 `showSuccessMsg()` 就会被调用,显示一个提示配置成功的弹窗。
阅读全文