如何设置登录FORM提示信息“假登录表单”？

问题描述：

我想在用户点击“提交”按钮时出现以下消息（按钮下方的红色文本）：“密码无效，请与我们联系以获取帮助。” - 这个登录表单并不是功能性的，所以无论他们进入用户名/密码字段，这个信息都应该显示出来。如何设置登录FORM提示信息“假登录表单”？

我该怎么办？

下面的代码：非常感谢之前

<!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>

你需要学习JavaScript。 – SLaks

我想要这个使用javascript/jquery所以..当我点击提交加载图标出现，然后警告消息在底部或漂亮的弹出。 – pelajar

答

<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>

感谢您的帮助，但这不起作用。你试过这个吗？ – pelajar

你好，请帮助我 – pelajar

如何设置登录FORM提示信息“假登录表单”？

相关推荐