我使用jQuery驗證引擎對我的表單驗證鏈接演示:jQuery的驗證引擎驗證
https://github.com/posabsolute/jQuery-Validation-Engine
我拖文本框,一個是開始日期和第二天是結束日期。我想驗證 start-date
一定不能大於end-date
和end-date
一定不能小於start-date
。
如果有驗證,那麼請告訴我。
我使用jQuery驗證引擎對我的表單驗證鏈接演示:jQuery的驗證引擎驗證
https://github.com/posabsolute/jQuery-Validation-Engine
我拖文本框,一個是開始日期和第二天是結束日期。我想驗證 start-date
一定不能大於end-date
和end-date
一定不能小於start-date
。
如果有驗證,那麼請告訴我。
將值轉換爲Date
對象。然後你可以使用它來比較,例如。轉換爲Unix時間戳或東西...
在這裏看到更多的信息上Date
:https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Date
編輯:我會包括以我的意思更多信息....根據驗證器部分jQuery Validation Engine頁面,找到它描述的部分funcCall [methodName]。
funcCall [methodName] - 使用第三方函數調用驗證字段。如果發生驗證錯誤,該函數必須返回錯誤消息,該消息將自動顯示在錯誤提示中。
所以你可以附加一個函數處理程序到該字段,該函數將採取日期,然後比較它們。
<input value="" class="validate[required,funcCall[checkDates]]" type="text" id="startdate" name="startdate" />
<input value="" class="validate[required,funcCall[checkDates]]" type="text" id="enddate" name="enddate" />
某處在頁面上,你的javascrip功能:
var checkDates = function(field, rules, i, options) {
// Do your date comparisons here between startdate and enddate values
};
編輯#2:
還有:
過去的[現在,日期或其他元素的名稱] - 檢查元素的值(隱含日期)早於給定日期。當「NOW」用作參數時,日期將在瀏覽器中計算。當使用「#字段名稱」('#'是可選的)時,它會將元素的值與同一表單中的另一個元素的值進行比較。請注意,這可能與服務器日期不同。日期使用ISO格式YYYY-MM-DD
和
未來[現在,日期或其他元素的name] - 檢查元素的值(這是隱含的日期)爲大於給定的日期。當「NOW」用作參數時,日期將在瀏覽器中計算。當使用「#字段名稱」('#'是可選的)時,它會將元素的值與同一表單中的另一個元素的值進行比較。請注意,這可能與服務器日期不同。日期使用ISO格式YYYY-MM-DD
如果適合你的想象,這裏的標記:在jQuery UI的
<input value="" class="validate[required,past[#enddate]]" type="text" id="startdate" name="startdate" />
<input value="" class="validate[required,future[#startdate]]" type="text" id="enddate" name="enddate" />
使用日期憤怒。請參閱本http://jqueryui.com/datepicker/#date-range
試試這個:
<input class="validate[dateRange[group]]" type="text" id="date1">
<input class="validate[dateRange[group]]" type="text" id="date2">
即使爲時已晚,我有一個簡單的答案,可能會幫助別人。你可以在jQuery驗證引擎得到的筆記這裏這將是你的問題更好的解決方案,
https://github.com/posabsolute/jQuery-Validation-Engine
您可以使用HTML源代碼內future
,now
驗證啓用驗證。
對於例如,
如果你有id
的屬性start_date
和end_date
twio文本框,您可以使用驗證如下:
<input value="" class="validate[required,custom[date]]" type="text" id="start_date" name="start_date" />
<input value="" class="validate[required,custom[date],future["#start_date"],now["#start_date"]]" type="text" id="end_date" name="end_date" />
然後在根據現場驗證引擎文件,請將所需的消息與future
驗證程序進行比較,以在驗證時顯示驗證消息。
希望這可以幫助你。
希望這會有所幫助,請不要投票我:(我最初從我的手機回答了這個問題,並且鍵入一堆代碼並不容易。 – sweetamylase 2013-03-08 18:06:43