JavaScript中三种弹出式消息提醒的命令是什么?(如:警告,确认,信息输入)

JavaScript014

JavaScript中三种弹出式消息提醒的命令是什么?(如:警告,确认,信息输入),第1张

1、警告框alert,在js中直接运用alert("警告")

2、确认框confirm。

confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框,根据用户点击确认框上的按钮返回true与false。

用法:

if(confirm("确定要清空数据吗?"))

{

document.main.text1.value=""

}

3、信息输入框prompt。

prompt() 方法用于显示可提示用户进行输入的对话框。如果用户单击提示框的取消按钮,则返回 null。如果用户单击确认按钮,则返回输入字段当前显示的文本。

用法:

var name = prompt('请输入数字','')

简单的举个例子,如果名为form1的表单里有需要验证的两个文本框:姓名-user, 年龄-age,HTML代码为:

<form id="form1" name="form1" action="提交程序的路径" method="post">

<input type="text" name="user"/><br/>

<input type="text" name="age"/>

<input type="sumbit" name="提交"/>

</form>

JS验证程序:

<script language="javascript">

function CKform(){

if (document.form1.user.value!=="" &&document.form1.age.value!==""){

return confirm("您确认提交吗?")

}

else if (document.form1.user.value=="" &&document.form1.age.value=="" ){

alert("请将表单内容填写完整!")

return false

}

else if (document.form1.user.value==""){

alert("请填写姓名!")

document.form1.user.focus()

return false

}

else if (document.form1.age.value==""){

alert("请填写年龄!")

document.form1.age.focus()

return false

}

}

document.form.sumbit()

</script>

或者把上面的JS写成独立文件,然后用<script language="Javascript" src="...路径..."></script>调用到页面里

在上面的网页里的按钮代码<input type="sumbit">里填写onClick="CKform()"调用JS函数

<input type="sumbit" name="提交" onClick="CKform()"/>

这样就行了,不知道是不是你想要解决的问题。

var uri = "http://www.imooc.com"

window.onload = function () {

if (confirm("是否打开新窗口?"))

{

uri = window.prompt("请输入打开的网址", uri)

if (uri) {

window.open(uri, "_blank", "width=400,height=500,menubar=no,toolbar=no,status=no", true)

}

else {

alert("您输入了空网址!")

}

}

}