用js实现输入提示_怎么用js弹出提示框

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

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

『贰』 js 提示输入密码

脚本说明:
第一步:把如下代码加入<head>区域中
<SCRIPT LANGUAGE="javaScript">

</SCRIPT>

第二步:把如下代码加入<body>区域中
<FORM NAME="pd">


<INPUT TYPE='hidden' NAME='pe' VALUE='975834793758313033 '>
</FORM>

<FORM NAME="isn">
<TABLE BORDER=2 CELLPADDING=5 CELLSPACING=0 BGCOLOR=BLUE>
<TR><TD COLSPAN=2 ALIGN=CENTER><FONT SIZE=4 COLOR=WHITE FACE="楷体_GB2312"><B>请您输入</B></FONT></TD></TR>
<TR><TD><FONT SIZE=3 COLOR=WHITE><B>UserName:</B></FONT></TD>
<TD><INPUT TYPE="text" NAME="username" VALUE="" SIZE=10></TD></TR>
<TR><TD><FONT SIZE=3 COLOR=WHITE><B>Password:</B></FONT></TD>
<TD><INPUT TYPE="password" NAME="passwrd" VALUE="" SIZE=10></TD></TR>
<TR><TD COLSPAN=2 ALIGN=CENTER><INPUT TYPE="button" NAME="btn" VALUE=" 登录 " onClick="ckPwd();return false;"></TD></TR>
</TABLE></FORM>
<TABLE BORDER=1 WIDTH=486>
<TR><TD COLSPAN=3 ALIGN=CENTER><FONT FACE="楷体_GB2312"><B>你可以使用如下号码:</B></FONT></TD</TR>

<TR><TD><FONT FACE="helvetica,arial,geneva">User Name:John<BR>Password: 4$3gb%a</TD>
<TD><FONT FACE="helvetica,arial,geneva">User Name: Mary<BR>Password: hHhHhH</TD>
<TD><FONT FACE="helvetica,arial,geneva">User Name: Humphrey<BR>Password: humphrey</TD></TR>
</TABLE>

『叁』怎么用js弹出提示框

弹出提示框一般有3种

1)alert (普通提示框)

2)prompt (可输入的提示框)

3)confirm (可选择的提示框)

下面举个例子:

<!doctypehtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
</head>
<body>
<buttononclick="mal()">第一种:alert</button>
<buttononclick="mpro()">第二种:prompt</button>
<buttononclick="mcon()">第三种:confirm</button>
<script>
functionmal(){
alert('这是一个普通的提示框');
}

functionmpro(){
varval=prompt('这是一个可输入的提示框','这个参数为输入框默认值,可以不填哦');
//prompt会把输入框的值返回给你
}

functionmcon(){
varboo=confirm('这是一个可选择的提示框,3种提示方式,学会了吗?')
//confirm会返回你选择的选项,然后可以依据选择执行逻辑
if(boo){
alert('学会了,真聪明');
}else{
alert('再来一遍吧')
}
}
</script>
</body>
</html>

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

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

varinputChar=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("一个汉字");
}

希望能帮到你~

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

具体代码如下：

<html>

<head>

function disp_prompt()

{

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

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

{

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

}

</script>

</head>

<body>

</body>

</html>

(5)用js实现输入提示扩展阅读：

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

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

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

『陆』如何用js实现输入框的智能提示功能

可以用js方法onclick来验证，当点击时，判断该输入框是否有输入值，没有的话提示信息

例如

<inputname="name"onclick="tishi(this.value,'请输入名称')">
	
<scripttype="text/javascript">
//value为输入框的值，msg为要提示的信息
	functiontishi(value,msg){	
		if(value==''){//输入框没有值时，提示
		alert(msg);//可弹窗，或者页面上显示，根据需要处理
		}		
	}
</script>

『柒』 javascript如何实现像输入法一样的效果，即打一个字，就提示下一个字或一个词组。

输入框定义来onclick onblur事件，打入一个字，或源词组触发Javascript方法，javascript方法中用Ajax请求数据库匹配 like %你输入的字%，有匹配则返回给JS，JS再把其放到页面的适合位置

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

思路：

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

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

代码示例：

1、定义CSS
<styletype="text/css">
body{
height:100%;
overflow:auto;
margin:0;
}
#test_Div{
position:fixed;
_position:absolute;
top:50%;
left:50%;
border:2pxsolid#C0C0C0;/*弹出框边框样式*/
background-color:#FFFFFF;/*弹出框背景色*/
display:none;
}
*html{
overflow:hidden;
position:absolute;
}
</style>

2、简单点，引入JQuery
<scripttype="text/javascript"src="js/jquery.min.js"></script>
<scripttype="text/javascript"src="js/jquery_ui/js/jquery-ui-1.9.2.custom.min.js"></script>

3、弹出层

functionshow_Win(div_Win,tr_Title,event){
vars_Width=document.documentElement.scrollWidth;//滚动宽度
vars_Height=document.documentElement.scrollHeight;//滚动高度
varjs_Title=$(document.getElementById(tr_Title));//标题
js_Title.css("cursor","move");
//创建遮罩层
$("<divid="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");
//获取弹出层
varmsgObj=$("#"+div_Win);
msgObj.css('display','block');//必须先弹出此行，否则msgObj[0].offsetHeight为0，因为"display":"none"时，offsetHeight无法取到数据；如果弹出框为table，则为'',如果为div，则为block，否则textbox长度无法充满td
//y轴位置
varjs_Top=-parseInt(msgObj.height())/2+"px";
//x轴位置
varjs_Left=-parseInt(msgObj.width())/2+"px";
msgObj.css({"margin-left":js_Left,"margin-top":js_Top});
//使弹出层可移动
msgObj.draggable({handle:js_Title,scroll:false});
}

4、调用
<inputtype="button"value="测试弹出框"onclick="show_Win('div_Test','title',event)"/>
<divid="div_Test">
<divid="title"style="border:1pxsolidred;">标题</div>
内容
</div>

导航:首页 > 编程语言 > 用js实现输入提示

用js实现输入提示

与用js实现输入提示相关的资料

友情链接