js总结：onClick=“return confirm()”实现确认以及取消表单的提交

最新推荐文章于 2021-07-13 21:47:29 发布
最新推荐文章于 2021-07-13 21:47:29 发布
阅读量1.2k 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/iCheny/p/8798865.html
本文为一篇博客转载示例，详细说明了如何正确地引用其他博客的内容。通过实际案例展示了正确的引用格式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

转载于:https://www.cnblogs.com/iCheny/p/8798865.html

javascript window.confirm确认 取消对话框实现代码小结
10-27
总结来说，confirm()方法是JavaScript中实现用户确认操作的一种简洁有效的手段，它通过模态对话框的形式，阻止了用户继续其他操作，直到用户做出选择。这种机制在需要用户确认重要操作（例如删除、提交等）时非常...
基于JS+HTML实现弹窗提示是否确认提交功能
11-20
本示例展示了如何使用JavaScript（JS）、HTML以及第三方库（Layui和jQuery）实现一个弹窗提示用户是否确认提交的功能。 首先，我们需要引入必要的库文件。Layui是一个轻量级的前端UI框架，提供了丰富的组件，包括...
OnClientClick="return confirm('确定要删除吗？')"
weixin_34004576的博客
08-14 1013
OnClientClick="return confirm('确定要删除吗？')" -----------------------前台代码 OnClientClick用于执行客户端脚本. 当我们单击一个按钮时,最先执行的是OnClientClick 事件,根据OnClientClick 事件的返回值来决定是否执行OnClick事件来postback页面. 其返回值为true 和 f...
onclick="return confirm()"，onclick="confirm()"区别
热门推荐
Nero_JUGG博客
04-10 1万+
onclick="return confirm()"，onclick="confirm()"还有onclick="javascript:confirm()"有什么区别吗？ confirm()是一个函数，而confirm是有返回值的。然后onclick函数需要一个返回值，如果不是return confirm()，那么onclick接受到返回值就是undefined，那么a本身的默认函数就会被触
confirm的用法javascript confirm
07-18 293
confirm函数 confirm函数用于提供确认功能，它首先显示给定的message参数所包含的信息，并提供两个可选择的回答“ok”和“cancel”，然后等待用户选择其中的一个。如果用户选择“ok”则返回true；否则，如若选择“cancel”则返回false。该函数的语法格式如下：window.confirm (message, ok, cancel)它有3个参数，其中参数message是欲...
js 增加确定取消按钮的弹出窗口,嵌套执行函数用法 onclick,confirm
06-28 3728
比例a标签点击后,弹出带确定与取消的窗口,点击确定则执行一个动作,否则不执行. 用ecshop 模板使用举例 {if $votings eq 1} <a href="javascript:;" onclick="if (confirm('多次投票将扣除100个积分,您确定投票吗？')) {vote_this({$item.id},{$item.cat_id});}...
import { IBestNavBar } from "@ibestservices/ibest-ui-v2"; import { IBestField } from "@ibestservices/ibest-ui-v2"; import { IBestButton } from "@ibestservices/ibest-ui-v2"; import { AxiosResponse } from '@ohos/axios' import {ZcUser} from '../interface/pord' import {ZcUsername}from '../api/Index' import log from '@open/log' @Entry @ComponentV2 export struct Zcuser { router=this.getUIContext().getRouter() @Local value: string = '' @Local value1: string = '' @Local value2: string = '' @Local value3: string = '' @Local value4: string = '' @Local count: number = 60 @Local timer: number = 0 @Local username:string='' @Local password:string='' @Local moblie:string='' @Local vCode:string='' @Local list:ZcUser|undefined=undefined Zclogin=async(data:ZcUser)=>{ let res:AxiosResponse=await ZcUsername(data) this.list=res.data log.info(this.list) } @Builder sendCodeButton() { IBestButton({ text: this.count == 60 ? '发送验证码' : `重新发送(${this.count})`, type: 'primary', buttonSize: 'mini', onBtnClick: () => { this.sendCode() } }) } sendCode() { if (this.timer) { return } this.count = 60 this.timer = setInterval(() => { if (this.count > 0) { this.count-- } else { clearInterval(this.timer) this.timer = 0 this.count = 60 } }, 1000) } @Builder leftBuilder(){ Row({space: 14}){ Image($rawfile("img/back.png")) .width(16) } } @Builder rightBuilder() { Row({ space: 14 }) { Image($rawfile('img/search.png')) .width(16) } } build() { Column() { IBestNavBar({ onLeftClick:()=>{ this.router.back() }, title: "乐淘云购", titleFontSize:30, titleColor: "#fff", navBarBgColor: "#458DF6", leftBuilder: (): void => this.leftBuilder(), isShowRight: true, rightBuilder: (): void => this.rightBuilder() }) Column(){ IBestField({ leftIcon:$rawfile('img/登录.png'), value: this.value1!!, placeholder: "请输入用户名", type: "password" }) IBestField({ leftIcon:$rawfile('img/phone.png'), value: this.value2!!, placeholder: "请输入手机号", type: "password" }) IBestField({ leftIcon:$rawfile('img/密码.png'), value: this.value3!!, placeholder: "请输入密码", type: "password" }) IBestField({ leftIcon:$rawfile('img/密码.png'), value: this.value4!!, placeholder: "请确认密码", type: "password" }) } IBestField({ value: this.value!!, leftIcon:$rawfile('img/code.png'), placeholder: "请输入验证码", hasBorder: false, buttonBuilder: (): void => this.sendCodeButton() }) Button('立即注册') .width('100%') .margin({top:20}) .onClick(()=>{ }) Flex({justifyContent:FlexAlign.End}) { Text('立即登录') .onClick(() => { this.router.pushUrl({ url: "pages/Login" }) }) .fontColor("#0A59F7") .margin({ top: 30 }) } } .width('100%') .height('100%') .backgroundColor('#f5f5f5') } }帮我写注册功能 我提供接口export interface ZcUser{ username:string password:string mobile:string vCode:string }export const ZcUsername=(data:ZcUser)=>api.post('user/register',data)
07-30
onChange: (value: string) => this.confirmPassword = value }) // 验证码 IBestField({ value: $$this.vCode, leftIcon: $rawfile('img/code.png'), placeholder: "请输入验证码", hasBorder: false, ...
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
10-19
本文将重点讲解如何使用JQuery进行表单提交前的验证，特别是针对单选框是否选中的检查，以及在执行删除操作时如何添加确认提示。 首先，我们来看表单提交前的验证。在HTML中，我们可以为表单添加一个`onsubmit`事件...
import { IBestNavBar, IBestField, IBestButton } from "@ibestservices/ibest-ui-v2"; import { AxiosResponse } from '@ohos/axios' import { ZcUser } from '../interface/pord' import { ZcUsername } from '../api/Index' import log from '@open/log' import prompt from '@system.prompt' @Entry @ComponentV2 export struct Zcuser { router = this.getUIContext().getRouter() @Local count: number = 60 @Local timer: number = 0 @Local username: string = '' @Local password: string = '' @Local mobile: string = '' @Local confirmPassword: string = '' @Local vCode: string = '' @Local list: ZcUser | undefined = undefined // 注册方法 ZcRegister = async () => { if (!this.validateForm()) return; const regData: ZcUser = { username: this.username, password: this.password, mobile: this.mobile, vCode: this.vCode }; try { const res: AxiosResponse = await ZcUsername(regData); this.list = res.data; log.info('注册成功'); prompt.showToast({ message: '注册成功！', duration: 2000 }); setTimeout(() => { this.router.pushUrl({ url: "pages/Login" }); }, 2000); } catch (error) { log.error('注册失败', error); prompt.showToast({ message: '注册失败: ' + (error.message || '未知错误'), duration: 3000 }); } } // 表单验证 validateForm(): boolean { if (!this.username.trim()) { prompt.showToast({ message: '请输入用户名', duration: 2000 }); return false; } if (!this.mobile.trim()) { prompt.showToast({ message: '请输入手机号', duration: 2000 }); return false; } const mobileRegex = /^1[3-9]\d{9}$/; if (!mobileRegex.test(this.mobile)) { prompt.showToast({ message: '请输入正确的手机号', duration: 2000 }); return false; } if (!this.password) { prompt.showToast({ message: '请输入密码', duration: 2000 }); return false; } if (this.password.length < 6) { prompt.showToast({ message: '密码长度至少6位', duration: 2000 }); return false; } if (this.password !== this.confirmPassword) { prompt.showToast({ message: '两次输入的密码不一致', duration: 2000 }); return false; } if (!this.vCode) { prompt.showToast({ message: '请输入验证码', duration: 2000 }); return false; } return true; } @Builder sendCodeButton() { IBestButton({ text: this.count == 60 ? '发送验证码' : `重新发送(${this.count})`, type: 'primary', buttonSize: 'mini', onBtnClick: () => { this.sendCode() } }) } sendCode() { if (!this.mobile) { prompt.showToast({ message: '请输入手机号', duration: 2000 }); return; } const mobileRegex = /^1[3-9]\d{9}$/; if (!mobileRegex.test(this.mobile)) { prompt.showToast({ message: '手机号格式错误', duration: 2000 }); return; } if (this.timer) return; prompt.showToast({ message: '验证码已发送', duration: 2000 }); this.count = 60; this.timer = setInterval(() => { if (this.count > 0) { this.count--; } else { clearInterval(this.timer); this.timer = 0; this.count = 60; } }, 1000); } @Builder leftBuilder() { Row({ space: 14 }) { Image($rawfile("img/back.png")) .width(16) } } @Builder rightBuilder() { Row({ space: 14 }) { Image($rawfile('img/search.png')) .width(16) } } build() { Column() { IBestNavBar({ onLeftClick: () => this.router.back(), title: "乐淘云购", titleFontSize: 30, titleColor: "#fff", navBarBgColor: "#458DF6", leftBuilder: (): void => this.leftBuilder(), isShowRight: true, rightBuilder: (): void => this.rightBuilder() }) Column() { // 用户名输入框 - 直接使用值 IBestField({ leftIcon: $rawfile('img/登录.png'), value: this.username, placeholder: "请输入用户名", type: "text", onChange: (value: string) => { this.username = value; } }) // 手机号输入框 - 直接使用值 IBestField({ leftIcon: $rawfile('img/phone.png'), value: this.mobile, placeholder: "请输入手机号", type: "number", onChange: (value: string) => { this.mobile = value; } }) // 密码输入框 - 直接使用值 IBestField({ leftIcon: $rawfile('img/密码.png'), value: this.password, placeholder: "请输入密码", type: "password", onChange: (value: string) => { this.password = value; } }) // 确认密码输入框 - 直接使用值 IBestField({ leftIcon: $rawfile('img/密码.png'), value: this.confirmPassword, placeholder: "请确认密码", type: "password", onChange: (value: string) => { this.confirmPassword = value; } }) } // 验证码输入框 - 直接使用值 IBestField({ value: this.vCode, leftIcon: $rawfile('img/code.png'), placeholder: "请输入验证码", hasBorder: false, onChange: (value: string) => { this.vCode = value; }, buttonBuilder: (): void => this.sendCodeButton() }) // 注册按钮 Button('立即注册') .width('100%') .margin({ top: 20 }) .onClick(() => this.ZcRegister()) // 跳转登录 Flex({ justifyContent: FlexAlign.End }) { Text('立即登录') .onClick(() => this.router.pushUrl({ url: "pages/Login" })) .fontColor("#0A59F7") .margin({ top: 30 }) } } .width('100%') .height('100%') .backgroundColor('#f5f5f5') } }不用输入框组件
最新发布
07-30
注意：原IBestField组件有leftIcon属性，我们使用Image组件放在TextInput前面来实现。 步骤： - 对于每个输入项，我们将使用Row来包含左侧图标和输入框。 - 验证码输入框和发送验证码按钮在同一行，所以验证码...
js 中 使用confirm时html中记得return ，尤其是a标签
youcijibi的博客
05-26 961
<a onclick="return confir();" href="<?= Yii::$app->urlManager->createUrl(['/Admin/reim/toreim_diy', 'id' => $v['id']]) ?>">标识转报销</a> <script> function confir() { if (confirm('是否确定手动标识?') == true) { .
Javascript实现onclick事件确认跳转
weixin_30596165的博客
09-10 1020
<a href="#this" onclick="if(confirm('Are you sure?')) location.href='http://shuai.be'">Click Here</a> 转载于:https://www.cnblogs.com/effort-rookie/archive/2012/09/10/javascript.html
JS中 confirm() 方法
a817480的博客
03-12 929
前言 环境： window 10，google 浏览器 测试代码 <html> <!-- 测试确定框，如果点 "是" ,则返回 true，这样就触发 a 标签的 href 属性 反之，则什么也不做，不会触发 a 标签的 href 属性。 --> <head> ...
使用onclick跳出弹窗确认是否删除
weixin_44575964的博客
07-13 1753
跳出弹窗确认是否删除 <button th:title="删除" style="text-decoration:none" type="button" th:value="${goods.goodsId}" onclick="deleteGood(this.value)"> <i class="layui-icon">&#xe640;</i> </button> <script> //确认是否删除商品（当前行）弹
js简单弹出confirm确认框
zhuocr的博客
03-07 2041
js弹出确认框，可以简单的return confirm信息即可 方法如下： 解除绑定
关于Onclick事件，comfirm方法等的一些操作
GSE的成长之路
12-13 2672
今天无意中发现这段代码，用了好几个知识点，值得好好研究一下虽然看着有些麻烦，不过不失为一种可用的方法~第一种方法：function window.open(url){if (window.confirm("确定打开"+url+"吗?")){try{document.getElementById("aaaid").outerHTML = "";}catch(e){
onclick时，return confirm()与confirm()的区别
weixin_41552271的博客
06-02 1188
转自：confirm确认对话框
js中confirm实现执行操作前弹出确认框的方法
凌晨de太阳
11-25 5687
本文实例讲述了js中confirm实现执行操作前弹出确认框的方法。分享给大家供大家参考。具体实现方法如下： 现在在删除或其它操作前弹出确定提示，我们有很多方法，最基本的就是利用js自带的函数confirm来操作了 最简单的用法如下： 鼠标事件使用confirm 复制代码 代码如下: 点击确定 想简单点调用的话  也可以这样 复制代码 代码如下: 点击确定 点击超链接后如果
JS确认框与提示框
qq_42526440的博客
09-15 7318
如果您希望用户验证或接受某个东西，则通常使用“确认”框。 当确认框弹出时，用户将不得不单击“确定”或“取消”来继续进行。 如果用户单击“确定”，该框返回 true。如果用户单击“取消”，该框返回 false。 语法格式如下： window.confirm(“sometext”); window.confirm() 方法可以不带 window 前缀来编写。 确认框格式如下： <!DOCTY...
JavaScript实现表单验证：禁止空白输入
本文主要介绍了如何使用JavaScript进行表单验证，包括禁止空白的必填项验证，以及如何将验证功能绑定到表单提交按钮上。 在网页开发中，JavaScript经常被用于增强用户体验，其中一个关键应用就是对用户输入的表单...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值