JS弹出文本输入框

定义和用法

prompt() 方法用于显示可提示用户进行输入的对话框。

语法

prompt(text,defaultText)
参数描述
text 可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。
defaultText 可选。默认的输入文本。

说明

如果用户单击提示框的取消按钮,则返回 null。如果用户单击确认按钮,则返回输入字段当前显示的文本。

在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 prompt() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。

实例

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="gb2312" >
    <head>
     <meta http-equiv="content-type" content="text/html; charset=gb2312" />
     <title>Document</title>
    </head>
    <body>
		<script type="text/javascript">
		function diag(){   
			var flag = true;
			while(flag){
				var str=prompt("请输入单价:","2.3");  
				
				if(str) {        
					alert("您刚输入的是:"+ str);
					 /* /^\d+$/;*/
					var reg =  /^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/;
            		if(!reg.test(str)){
            		    alert("格式错误!");
            		    flag = true;
                     }else{
						flag = false;
					 }				
				}else if(str==""){
					alert("单价不能为空!");
					flag = true;
				}else{
					flag = false;
				}
			}
		}
		</script>
		
		<p><input type="submit" value="Sumit" name="Su1" onclick="diag()" /></p>
		<div align="center">访问量:<a ><img border="0" src="http://cc.amazingcounters.com/counter.php?i=3177146&c=9531751" ></a></div>
    </body>
    </html>

 效果

图1:

图2:

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。