js如何实现控制 input 不让空值成功提交

来源:百度知道 编辑:UC知道 时间:2024/05/21 08:26:32
<div class="user">
<td>用 户 名:</td><input name="username" id="username" type="text" value="" />
</div>
<div id="user_f" style="display:none">请填写用户名</div>
<div class="pwd">
<td>密码</td>input name="username1" id="username1" type="text" value="" />
</div>

当用户名没有填写试,如何实现 鼠标点击 class 为 pwd 的 nput 显示出 id 为 user_f 的div,来提醒

用户输入用户名。

<div class="user">
<td>用 户 名:</td><input name="username" id="username" type="text" value="" />
</div>
<div id="user_f" style="display:none">请填写用户名</div>
<div class="pwd" onclick="if(document.getElementById('username').value==''){document.getElementById('user_f').style.display='';}">
<td>密码</td><input name="username1" id="username1" type="text" value="" />
</div>

<script language="javascript">
function test(){
if (document.form1.username.value==""){
alert("请输入用户名!");
document.form1.username.focus();
return false;
}
if(document.form1.username1.value==""){
alert("请输入密码!");
document.form1.username1.focus();
retu