跪求用js+dom 提交表格不刷新页面如何做到。不要Alert一个新窗口那种~~就好像Gmail那里，不输入会直接提示
上个图会更清晰~~就是这种啊红字直接提示了，不要另弹一个小窗口那种，那种我会。。急啊求达人帮忙~~...
上个图会更清晰~~就是这种啊 红字直接提示了，不要另弹一个小窗口那种，那种我会。。 急啊 求达人帮忙~~
展开
4个回答
展开全部
交你一个完整的：
例子：
<script>
function checkname(){
var name=document.getElementById("uname").value;
var mydiv=document.getElementById("myDiv");
mydiv.innerHTML="";
if(name.length==0){
mydiv.innerHTML="<font color=red>用户名不能为空</font>";
}
}
</script>
<body>
<form>
<table>
<tr><td>用户名：<input type="text" id="uname" onblur="checkname()"><div style="display:inline" id="myDiv"></div> </td></tr> //display里面的属性设置为inline就是设置信息与你的文本框在同一行显示，还可以设置为block就换行显示出来。文本框的失去焦点事件：onblur 当你鼠标焦点离开文本框就提示你还未输入！
</table>
</form>
//////////////////////////其他的照葫芦票 多几个else if就可以了 不同的情况给与不同的提示也就是更换div的innerHTML中的内容、、、、、、、、、、、、、、、、
例子：
<script>
function checkname(){
var name=document.getElementById("uname").value;
var mydiv=document.getElementById("myDiv");
mydiv.innerHTML="";
if(name.length==0){
mydiv.innerHTML="<font color=red>用户名不能为空</font>";
}
}
</script>
<body>
<form>
<table>
<tr><td>用户名：<input type="text" id="uname" onblur="checkname()"><div style="display:inline" id="myDiv"></div> </td></tr> //display里面的属性设置为inline就是设置信息与你的文本框在同一行显示，还可以设置为block就换行显示出来。文本框的失去焦点事件：onblur 当你鼠标焦点离开文本框就提示你还未输入！
</table>
</form>
//////////////////////////其他的照葫芦票 多几个else if就可以了 不同的情况给与不同的提示也就是更换div的innerHTML中的内容、、、、、、、、、、、、、、、、
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用jquery，简单实现。下面是个失去焦点后做相应处理然后显示信息的例子，比如你输入完用户名然后按tab键或点击到密码输入框的时候进行检测的例子。如果你想像某些mail网页那样输入一个字符就检查一遍也可以，用setTimeout和keyup函数就可以做到了
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
$('#myinput').blur(function(){
$('#mylabel').html("oh my god");//此处换成你想做的操作，比如打印“请输入。。。”
});
});
</script>
</head>
<body>
用户名：<input id="myinput" type="text" /><br>
<label id="mylabel"></label><br>
密码：<input id="myinput" type="text" /><br>
</body>
</html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
$('#myinput').blur(function(){
$('#mylabel').html("oh my god");//此处换成你想做的操作，比如打印“请输入。。。”
});
});
</script>
</head>
<body>
用户名：<input id="myinput" type="text" /><br>
<label id="mylabel"></label><br>
密码：<input id="myinput" type="text" /><br>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
跟原来那种一样，很多种方法实现，简单一点的你就把原来的的那种的alert("提示信息")换成
document.getElementById("定义显示文字的ID").innerHTML="提示内容"
document.getElementById("定义显示文字的ID").innerHTML="提示内容"
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
jquery + ajax
貌似还用不了那么高级，
自己写个javascript的函数检查输入,
就是提交按钮加一个前置函数，如果不符合标准返回false，阻止提交，然后在表单里写一个空的div，出错之后用document.getElementbyId("你自己设置的那个div的id").innerHTML="你的提示内容"，就完事了
答题思路就这样了
貌似还用不了那么高级，
自己写个javascript的函数检查输入,
就是提交按钮加一个前置函数，如果不符合标准返回false，阻止提交，然后在表单里写一个空的div，出错之后用document.getElementbyId("你自己设置的那个div的id").innerHTML="你的提示内容"，就完事了
答题思路就这样了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
