在具有水印的輸入上使用必需的字段驗證程序

Question

由於即使用戶沒有輸入任何內容，我所需的字段驗證也不起作用，因此水印文本將發送到服務器。處理這個問題的最好方法是什麼？我使用jQuery和asp.net mvc。

Answer 1

您可以使用jQuery updnWatermark插件插入不寫文字到您的文本框的頁面上的水印，但與你的水印插入新的透明元素：updnWatermark。那就是你如何使用必需的驗證器驗證你的控件而不需要任何技巧。

1. 添加引用插件： <script src="~/Scripts/jquery.updnWatermark.js" type="text/javascript"></script>。
2. 爲需要水印的輸入元素分配一些CSS類，例如Watermark類。
3. 將包含水印文本的ToolTip屬性設置爲需要水印的元素。

4. 添加下面的代碼到網頁：

   $.updnWatermark.attachAll({ cssClass: 'Watermark' });

Answer 2

的HTML5 placeholder attribute允許瀏覽器顯示水印等水印值不會提交回服務器上的表單發佈。

然後在頁面中爲不支持placeholder的瀏覽器添加額外的jQuery。

Answer 3

如果你不希望包括額外的插件可以隨時改寫驗證：

$.validator.methods.required = function (value, element) {  
    // some code 
} 

但請記住，這將覆蓋默認需要驗證的頁面上的所有必需的檢查。