form表单

lhl414616 2012-04-08 02:21:26

做校验的时候，怎么让我的校验结果显示在input方框后面？因为我每次的校验结果总是显示在下一行，导致结果的排序很乱

...全文

117 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

kgwin 2012-04-10

打赏
举报

在下正在學習中~感謝各位大大的提供與分享心得與經驗~

IT-Style 2012-04-09

打赏
举报

[Quote=引用 3 楼的回复:]

在每个要校验的input后加一个空的div p或其他的标签，当不满足条件时设置对应的标签的innerHTML
[/Quote]
还有一种思路是将验证信息默认设置为display:none,当验证失败时display:block就行了!
感觉不如上面的灵活.

licip 2012-04-09

打赏
举报

你的提示可能是用div的吧，你改用span吧。

daols 2012-04-09

打赏
举报

块级元素display:inline

yong_zeal 2012-04-09

打赏
举报

3楼说的对，div和innerHTML都可以的。然后在DIV加个display:inline就可以了。

似梦飞花 2012-04-08

打赏
举报

在每个要校验的input后加一个空的div p或其他的标签，当不满足条件时设置对应的标签的innerHTML

Acesidonu 2012-04-08

打赏
举报

[Quote=引用 1 楼的回复:]
简单的。自己可扩展。

HTML code

<HTML>
<HEAD>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<SCRIPT LANGUAGE="JavaScript">
function checkData()
{
……
[/Quote]
++
使用行内样式，控制显示隐藏

一起混吧 2012-04-08

打赏
举报

简单的。自己可扩展。

<HTML>

<HEAD>

<title>无标题文档</title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<SCRIPT LANGUAGE="JavaScript">

function checkData()

{  

     if(document.getElementById('userid').value==""){

	        document.getElementById('errorMsg').innerHTML="<font color=red>用户名不能为空</font>";

			return false;

	 }

	 

	 return true;

}

</SCRIPT>

</HEAD>

<BODY>

<FORM action="" method="post" onsubmit="return checkData()">

<INPUT TYPE="text" name="user" id="userid" /><span id="errorMsg"></span><br>

<input type="submit" name="submit" value="Sub">

</FORM>

</BODY>

</HTML>