js代码弹出提示框输入（js弹出对话框输入内容）

本篇文章给大家谈谈js代码弹出提示框输入，以及js弹出对话框输入内容对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、如何用JS弹出“有输入框并带有是、否、取消按钮”的对话框。
• 2、js输入一个用户名文本框怎样在点击时让它下面出现提示信息呢？
• 3、js中如何弹出一个可以输入多个信息的提示对话框
• 4、用javascript实现页面中弹出一个输入提示框,读取一个输入 英文字符或一个数字或一个汉字
• 5、javascript点击按钮弹出文本框,用户可输入

如何用JS弹出“有输入框并带有是、否、取消按钮”的对话框。

具体代码如下：

html

head

script type="text/javascript"

function disp_prompt()

{

var name=prompt("请输入您的名字","小贾")

if (name!=null name!="")

{

document.write("你好，" + name + "！今天过得好吗？")

}

}

/script

/head

body

input type="button" onclick="disp_prompt()" value="显示一个提示框" /

/body

/html

扩展资料：

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

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

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

参考资料：

HTML DOM prompt() 方法

js输入一个用户名文本框怎样在点击时让它下面出现提示信息呢？

js实现点击输入用户名或密码的文本框在旁边弹出提示语 你可以使用formValidator.js，专门做表单验证的，效果如下：用法很简单，引用formValidator.js的核心类库，然后初始化$.formValidator.initConfig({formid: main ,debug:false,submitOnce : true});然后对要做校验的文本框编写校验代码$( #employeeNo ).formValidator({onshow : 输入范围为1到10个字符 ,在后面对应的显示提示语formValidator.js这个网上有很多实例和教程，很简单的

js中如何弹出一个可以输入多个信息的提示对话框

思路：

如果要输入多个信息，那么原生的提示框肯定不符合要求，需要自己定义。

一般都是使用div层模拟提示框，这样就可以随便布局了。

代码示例：

1、定义CSS

style type="text/css"

        body {

            height: 100%;

            overflow: auto;

            margin: 0;

        }

        #test_Div {

            position: fixed;

            _position: absolute;

            top: 50%;

            left: 50%;

            border: 2px solid #C0C0C0;/*弹出框边框样式*/

            background-color: #FFFFFF;/*弹出框背景色*/

            display:none;

        }

        * html {

            overflow: hidden;

            position: absolute;

        }

    /style

2、简单点，引入JQuery

 script type="text/javascript" src="js/jquery.min.js"/script

    script type="text/javascript" src="js/jquery_ui/js/jquery-ui-1.9.2.custom.min.js"/script

3、弹出层

        function show_Win(div_Win, tr_Title, event) {

            var s_Width = document.documentElement.scrollWidth; //滚动 宽度

            var s_Height = document.documentElement.scrollHeight; //滚动 高度

            var js_Title = $(document.getElementById(tr_Title)); //标题

            js_Title.css("cursor", "move");

            //创建遮罩层

            $("div id=\"div_Bg\"/div").css({ "position": "absolute", "left": "0px", "right": "0px", "width": s_Width + "px", "height": s_Height + "px", "background-color": "#ffffff", "opacity": "0.6" }).prependTo("body");

            //获取弹出层

            var msgObj = $("#" + div_Win);

            msgObj.css('display', 'block'); //必须先弹出此行，否则msgObj[0].offsetHeight为0，因为"display":"none"时，offsetHeight无法取到数据；如果弹出框为table，则为'',如果为div，则为block，否则textbox长度无法充满td

            //y轴位置

            var js_Top = -parseInt(msgObj.height()) / 2 + "px";

            //x轴位置

            var js_Left = -parseInt(msgObj.width()) / 2 + "px";

            msgObj.css({ "margin-left": js_Left, "margin-top": js_Top });

            //使弹出层可移动

            msgObj.draggable({ handle: js_Title, scroll: false });

        }

4、调用

input type="button" value="测试弹出框" onclick="show_Win('div_Test', 'title', event)" /

        div id="div_Test"

            div id="title" style="border: 1px solid red;"标题/div

            内容

        /div

用javascript实现页面中弹出一个输入提示框,读取一个输入 英文字符或一个数字或一个汉字

根据你的要求，我写了以下示例代码：

var inputChar = prompt("随便输入一个英文字符、数字或汉字","");

inputChar = inputChar.substr(0,1);  //只取第一个字符，后面的抛弃

if(inputChar.match(/[a-z]/gi)){

  console.log("英文字符");

}

if(inputChar.match(/[0-9]/gi)){

  console.log("一个数字");

}

if(inputChar.match(/[\u4e00-\u9fa5]/gi)){

  console.log("一个汉字");

}

希望能帮到你~

javascript点击按钮弹出文本框,用户可输入

可以直接用js自带的prompt方法。

定义和用法

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

语法

prompt(text,defaultText)

参数

text    可选。要在对话框中显示的纯文本（而不是 HTML 格式的文本）。  

defaultText    可选。默认的输入文本。  

说明

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

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

简单的例子，仅供参考：

body

input type="text" id="clock" size="35" /

script language=javascript

    var int=self.setInterval("clock()",50)

    function clock()

      {

      var t=new Date()

      document.getElementById("clock").value=t

      }

    /script

    /form

    button onclick="int=window.clearInterval(int)"

    Stop interval/button

/body

关于js代码弹出提示框输入和js弹出对话框输入内容的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。