错误消息/提示在html表单中的适当位置
Proper place for error message/hint in a html form
我有一个简单的标准表单,并计划使用javascript的
document.getElementById("idname").innerHTML = "hint/error message";
在表格上更改/显示我的错误信息。
把错误信息放在表格上的合适位置在哪里?
标签内侧?标签旁边?
我把它放在div还是span中?
(我希望错误信息显示在输入字段的右侧。)
下面是我的表格:
<form id="registerForm" method="POST" action="register_post.php">
<p class="form-registerUserName">
<label for="registerUserName">User Name</label>
<span class="required">*</span>
<input
id="registerUserName"
name="registerUserName"
type="text"
size="24"
maxlength="24"
value="<?php echo $_SESSION['registerUserName'];?>"
onkeyup="validateName()"
onblur="validateName()"
>
</p>
</form>
提前谢谢。
您可以在div上显示错误MSG进行验证,这样您就可以使用javascript轻松管理div显示/隐藏。
例如。
<div class="error" style="display: none; float:left; width:100%;" id="nameError">Please Enter User Name *</div>
<div><input type="text" id="username" name='username' class="textcss validate" style="width:95%" placeholder="Your name can not be blank" ></div>
现在检查是否提交它的填充,并显示和隐藏错误div,这样css将以正确的形式
通常,如果您使用div作为包装,并将错误消息放在标签中,并将其放在输入框旁边,这是很好的。
说:用户名*"onkeyup="validateName()"onblur="validateName()">
CSS
input{
display: inline-block;
}
label.error_msg{
display: none;
color: red;
}
相关文章:
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 如何在提交html表单后保持相同的位置
- HTML 按钮以在页面上的其他位置提交表单
- 如何将HTML表单提交到2个位置=Java脚本和PHP
- 当用户使用jquery点击任何位置时,切换并隐藏登录表单
- 为多个表单动态指定输出ajax成功结果的位置
- 谷歌表单:在文档的电子邮件中包含超链接'谷歌硬盘的位置
- 在表单中提交用户位置
- EXT-JS 4.2.1 保留表单 - 面板滚动条的当前位置
- 使用 Jquery 在鼠标单击时反转表单元素的位置
- 如何更改 extjs 中可浮动表单的位置
- 使 iframe/表单固定位置
- 使用地理位置自动填写地址表单
- 将显示与位置绝对输出移动的表单放入移动模式引导按钮中
- 获取表单元素的大小和位置
- 使用 AJAX 将表单提交到两个位置
- 延迟表单提交,直到检索到位置
- 使用 PHP 或 JavaScript 解析 pdf 表单以获取字段位置
- 如何使用javascript提交表单后返回到原始滚动位置
- 在回发(提交)时保持表单位置 asp.net MVC