alert获取输入框内容_javascript--弹出对话框 四种对话框 获得用户输入值

让用户点击确定 取消。让用户输入值。打开指定窗口

alert("message") confirm("message") prompt("message") open("url")

首先我想先说两句我对javascript的一些看法,我希望大家认真的去学习这门编程语言,因为它给我们在开发网页时,会带来很多的惊喜!javascript一般是运行在客户端的(client),主要用于开发一些网页中的动态效果,其实它的用处还有很多,比如验证表单内容,以及现在比较流行的AJAX应用.

今天主要写一下javascript中的弹出对话框:

第一种:alert("message")

第二种:confirm("message")

第三钟:prompt("message")

第四种:open("url")

第一种alert对话框是一个最简单,也是最常用的一个弹出对话框,通常用于提示信息,对话框包含一个按钮,单击对话框中的按钮将会关闭此对话框.

第二种confirm对话框返回的是一个布尔值,该对话框一般用于用户选择,该对话框包含两个按钮,一般一个是"确认",另一个是"取消",比如我们在开发程序的时候,创建一个删除按钮,为了防止用户务操作,一般就会用到这个对话框:"您确定删除吗?"如果选择"确定",执行删除,如果选择"取消",则返回,不做任何操作!

第三种prompt对话框,主要用户获取用户输入的信息,比如,弹出一个对话框:

var name=prompt("你的名字叫什么?");

document.write(name);

prompt对话框包括两个按钮("确认"和"取消")和一个文本框,文本框用来获取用户输入的信息.

第四种其实是一种用对话框的方式打开一个网页,open方法包含很多的参数,主要是用户设置浏览器的显示外观:

window.open("Webpage.asp?",Derek,"height=100,width=100,status=yes,toolbar=yes,

menubar=no,location=no");

此语句打开一个新窗口,页面为webpage.asp,参数为var,名字为Derek,高为100,宽为100,显示状态栏和工具条,不显示菜单和地址。

具体总结的各个属性参数如下:

window = object.open([URL ][, name ][, features ][, replace]]]])

URL:新窗口的URL地址

name:新窗口的名称,可以为空

featurse:属性控制字符串,在此控制窗口的各种属性,属性之间以逗号隔开。

fullscreen= { yes/no/1/0 } 是否全屏,默认no

channelmode= { yes/no/1/0 } 是否显示频道栏,默认no

toolbar= { yes/no/1/0 } 是否显示工具条,默认no

location= { yes/no/1/0 } 是否显示地址栏,默认no

directories = { yes/no/1/0 } 是否显示转向按钮,默认no

status= { yes/no/1/0 } 是否显示窗口状态条,默认no

menubar= { yes/no/1/0 } 是否显示菜单,默认no

scrollbars= { yes/no/1/0 } 是否显示滚动条,默认yes

resizable= { yes/no/1/0 } 是否窗口可调整大小,默认no

width=number 窗口宽度(像素单位)

height=number 窗口高度(像素单位)

top=number 窗口离屏幕顶部距离(像素单位)

left=number 窗口离屏幕左边距离(像素单位)

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在SweetAlert中添加输入框并判断输入内容是否为6位验证码,可以使用SweetAlert2库提供的`Swal.fire()`方法。下面是一个示例代码: ```javascript Swal.fire({ title: 'Please enter the verification code:', input: 'text', showCancelButton: true, confirmButtonText: 'Submit', preConfirm: (code) => { if (!/^\d{6}$/.test(code)) { Swal.showValidationMessage('Please enter a valid verification code') } else { return code } } }).then((result) => { if (result.value) { Swal.fire({ title: `Your verification code is ${result.value}`, type: 'success' }) } }) ``` 这段代码将弹出一个SweetAlert对话框,要求用户输入6位验证码。如果用户输入的不是6位数字验证码,则会显示相应的错误消息。如果输入内容正确,则会显示验证码。 在`Swal.fire()`方法中,我们设置了以下选项: - `title`:对话框标题,显示提示信息“Please enter the verification code:”; - `input`:输入框类型,设置为`text`表示文本输入框; - `showCancelButton`:是否显示取消按钮,设置为`true`; - `confirmButtonText`:确认按钮的文本,设置为“Submit”; - `preConfirm`:输入内容验证函数,如果验证通过,则返回输入内容。如果验证不通过,则显示相应的错误消息。 在`preConfirm`函数中,我们使用正则表达式`/^\d{6}$/`来检查输入内容是否为6位数字验证码。如果不是,则显示“Please enter a valid verification code”的错误消息。如果输入内容正确,则返回输入内容。 在`then`方法中,我们检查是否有正确的输入内容,如果有,则显示验证码。如果没有,则不做任何处理。 希望这能帮到你!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值