2013-08-23 78 views
0

我一直在試圖顯示從validationTextBox無效的消息一些如何它不工作。 我複製粘貼來自互聯網的例子,即使它不工作。下面dojo validationTextBox無效的消息或提示消息不出現

我使用道場1.8 是我的示例代碼

所需屬性突出了文本框,但沒有顯示消息
在這裏輸入的代碼 <%@頁面語言=「Java」的的contentType =「TEXT/HTML;字符集= ISO-8859-1" 的pageEncoding = 「ISO-8859-1」 %> 我的測試

<link rel="stylesheet" type="text/css" 
    href="../MyTest2/js/dojoRoot/dijit/themes/claro/claro.css"> 

<script type="text/javascript"> 
     dojo.require("dijit.form.ValidationTextBox"); 
     dojo.require("dijit.form.Form"); 
    </script> 
</head> 
<body class="claro"> 
    <form id="addForm" dojoType="dijit.form.Form" action="save" method="post"> 
     <table> 
     <tr> 
       <td>First Name</td> 
     <td><input type="text" name="firstName" id="firstName" 
      value="someTestString" required="true" dataType="dijit.form.ValidationTextBox"     promptMessage="please enter first name"      invalidMessage="first name is empty" /></td> 
      </tr> 
    </table> 
    </form> 

感謝 莎絲

回答

0

你已經使用DataType特性。這是「dojoType」。 現在,「dojoType」已被替換爲「data-dojo-type」。你已經把它誤認爲是dataType。 您可以使用「dojoType」或「data-dojo-type」 此外,使用missingMessage屬性可顯示用戶移出字段而不提供輸入的消息。 「required」與「missingMessage」一起使用 promptMessage用作工具提示。當用戶關注該字段時顯示。 如果焦點從字段移開時提及的任何約束不滿足,則使用invalidMessage。讓我舉一個小例子。

<html> 
<head> 
<style type='text/css'> 
    @import "./js/dijit/themes/claro/claro.css"; 
</style> 
<script type='text/javascript' src='./js/dojo/dojo.js' djConfig="parseOnLoad:true,isDebug:false"> 
</script> 
<script type='text/javascript'> 
    dojo.require("dijit.form.ValidationTextBox"); 
</script> 
</head> 
<body class="claro"> 
    <input type="text" dojoType="dijit.form.ValidationTextBox" id="namefld" name="namefld" required="true" missingMessage="Input is required for Name!" promptMessage="Pease enter you name!" regExp="[a-zA-Z]+" invalidMessage="Wrong input! Please correct!"/> 
</body> 
</html> 
+0

任何人都可以幫忙。我真的堅持 – ShasiSekar

+0

我推斷是,你的路徑是錯誤的。讓我給你一個線索。 裏面的應用程序文件夾(我的情況下的「應用程序」文件夾是在tomcat的'webapps'文件夾內),放置html文件。然後,它有一個名爲「js」的文件夾,用於存儲所有包含dojo庫的JavaScript東西。 web應用 | -application(在web應用tomcatroot的文件夾) | -index.html(在應用程序文件夾) | -js(應用程序文件夾內) | -dojo(JS文件夾中) | -dijit(內側的js) | -dojox(內部js) | -util(內部js) –

+0

請注意,在我的例子中,我使用了相對路徑。 –

0

我在道場的不同版本(1.9),但如果你的問題主要是化妝品,這裏有兩件事情需要注意的:

  1. 一些表單元素不會顯示任何紅色錯誤標記,直到用戶實際點擊它們或使用鍵盤對焦。這在某些情況下是有意義的,例如邊欄中的可選登錄表單。爲了避免這種情況,你可以做data-dojo-props="required:true, _hasBeenBlurred:true"_hasBeenBlurred讓小部件認爲用戶已經與之交互過一次。
  2. 如果您嘗試在文本輸入字段(例如「輸入名稱...」)中獲取「提示」,則可能無法在某些版本的IE上運行,該版本不支持HTML5 placeholder attribute