扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
最好的办法是用jquery加div模拟一个,或者找个插件.
10年积累的成都网站制作、成都网站设计、外贸营销网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有红旗免费网站建设让你可以放心的选择与我们合作。
用默认的prompt太难搞. 给你个例子
html
head
script type="text/javascript"
function test_prompt(){
var name=prompt("请输入您的名字","name");
if (name!=null name!=""){ // 加其他正则表达式或其他函数
document.write("你好" + name);
}else{
alert("输入错误");
test_prompt();
}
}
/script
/head
body
input type="button" onclick="test_prompt()" value="提示框" /
/body
/html
方法如下:
打开myeclipse,选择windows--perferences--spket--javaScript Profiles,如下图:
在右边点击new按钮,进行新建,输入名称jquery,然后点击确定,如下图
然后选中jquery,点击右侧的”Add Library“按钮,选择”jQuery“
在选中”jQuery“,然后点击右侧的"Add File"按钮,选择之前下载的jquery.js
然后选中jquery,点击右侧的default按钮,如下图
找到General--Editors--File Accociations,然后将右侧的js,关联到Spket JavaScript Editor,将此编辑器设置为默认。如下图
最终在myeclipse新建js文件,打开后,在里面写入jquery代码,出现自动提示,如下图:
1、给输入名字的文本框绑定一个失去焦点事件,jquery中为focusout事件,同时在文本框后定义一个显示检查结果的span。
2、当文本框失去焦点时,调用ajax异步向后台发送请求。
3、将请求结果显示在文本框后面提示用户,避免所有信息填写完毕表单提交时才发现名字重复。
示例:
input type='text' id='name'/span id='errorMsg'/erorMsg
//给文本框绑定一个失去焦点事件
$("#name").focusout(function() {
var name = $("#name").val();
if(name != null name != ''){
checkName(name);
}
});
//发ajax请求到后台判断用户名是否重复
function checkName(name){
$.ajax({
url : servletUrl,
type : "post",
dataType : 'JSON',
data : {name:name},
success : function(result) {
//已经存在该名字提示用户
if(result == true){
$("#errorMsg").html("该用户名已经存在");
}else{
$("#errorMsg").html("恭喜您,用户名可以使用");
}
}
},
error : function() {
alert('检查用户是否存在发生错误');
}
});
}
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流