如何设置登录FORM警告消息,“假登录表”?

时间:2011-09-18 16:44:46

标签: javascript forms login

当用户点击“提交”按钮时,我希望显示以下消息(按钮下方的红色文本):“密码无效。请联系我们获取帮助。” - 此登录表单无效,因此无论用户输入用户名/密码字段,都应显示此消息。

我该怎么做?

这里的代码: 非常感谢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Contact Form</title>
</head>

<body>
<div class="singlecontent">
<form>
    <p>
        <label>Username<br />
        <input type="text" name="log" id="user_login" class="input" value="" size="20" tabindex="10" /></label>
    </p>
    <p>
        <label>Password<br />
        <input type="password" name="pwd" id="user_pass" class="input" value="" size="20" tabindex="20" /></label>
    </p>

    <p class="submit">
        <input type="submit" name="wp-submit" id="wp-submit" class="button-primary" value="Log In" tabindex="100" />
    </p>

</form>
</div>

</body>

</html>

1 个答案:

答案 0 :(得分:0)

<p class="submit">
<input onclick="document.getElementById('msg').innerHtml='your message';" type="submit" name="wp- submit" id="wp-submit" class="button-primary" value="Log In" tabindex="100" />
<div style="color:red;" id="msg"></div>
</p>