使用內聯樣式的MVC ClientSideValidation？

得到了一個簡單的表單，並且我使用數據註釋和模型來自動進行客戶端驗證。然而，它看起來相當垃圾，雖然我可以將一些CSS應用於元素，但發現很難讓它們顯示爲工具提示樣式錯誤。使用內聯樣式的MVC ClientSideValidation？

理想的IM之後是這樣的：http://www.position-relative.net/creation/formValidator/demoValidators.html

但是好像所有這些類型的實現都需要驗證過程中添加新的DOM元素，然後顯示出來，但是在默認情況下，我們只能有一個包含單個元素驗證消息。

我主要想知道是否有任何預製的Jquery插件或MVC兼容的項目，可以讓我做一點點的努力來驗證這種風格，就像一個編碼員而不是設計師。

如果沒有簡單的方法來做到這一點，那麼不用擔心，並感謝您的任何建議！

2011-02-16 Grofit

我有類似於使用MVC驗證和CSS演示URL驗證 - 這不是太困難的事 - 我的CSS是這樣的：

.field-validation-error 
{ 
    background:url('/Styles/icons/validation-box-medium.gif') no-repeat; 
    padding:10px 4px 4px 28px; 
    width:188px; 
    height:20px; 
    position:absolute; 
    z-index:1; 
    clear:both; 
    color:#780701; 
}

My background image - your welcome to use it

我的視圖代碼看起來像：

  <div> 
       <div class="editor-label"> 
        <%: Html.LabelRequiredFor(model => model.Product.Price)%> 
       </div> 
       <div class="editor-field"> 
        <%: Html.TextBoxTwoDecimalFor(model => model.Product.Price)%> 
        <div style="clear:both;"></div> 
        <%= Html.ValidationMessageFor(model => model.Product.Price)%> 
       </div> 
      </div>

我對CSS類「明確：既」，即我從來沒有我們的內嵌樣式 - 但對於該示例的緣故，我已經省略了。

歡迎您使用部分或全部的這篇文章包括圖像的內容:-)

來源

2011-02-16 10:02:42 Rob

乾杯夥計，將會給它看看當我回家，我想你確保所有的驗證消息堅持在這個例子中提供的長度...我正在考慮有一個拆分框，它有2個末端，然後是一個可擴展的長驗證信息中心......就像舊的HTML表設計技巧...無論如何再次感謝！ – Grofit 2011-02-16 10:25:46

使用內聯樣式的MVC ClientSideValidation？

回答

相關問題