2011-09-18 68 views
-1

我想在用戶點擊「提交」按鈕時出現以下消息(按鈕下方的紅色文本):「密碼無效,請與我們聯繫以獲取幫助。」 - 這個登錄表單並不是功能性的,所以無論他們進入用戶名/密碼字段,這個信息都應該顯示出來。如何設置登錄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> 
+0

你需要學習JavaScript。 – SLaks

+0

我想要這個使用javascript/jquery所以..當我點擊提交加載圖標出現,然後警告消息在底部或漂亮的彈出。 – pelajar

回答

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

感謝您的幫助,但這不起作用。你試過這個嗎? – pelajar

+0

你好,請幫助我 – pelajar