如何使用jQuery對輸入進行特定驗證？

Question

我想驗證時間00:00 pm或am的輸入。我已經通過mask()驗證完成了00:00，但是我無法在00:00或下午00:00延長此驗證。

我嘗試下面的驗證代碼。

$("#phone").mask("00:00"); 

但我想給予只有在這個（00:00 am或pm）格式的值的用戶的權限。我想感謝，如果有人幫助。謝謝

Answer 1

，你可以嘗試將它與moment.js

function CompareDate(){ 
 
    var inputTime = $("#phone").val(); 
 
    var momentx = moment('2016-11-11 ' + inputTime).format('YYYY-MM-DD h:mm A') 
 
    if (momentx == "Invalid date" || !$.trim(inputTime) || inputTime.length == 1) { 
 
    console.log(false); 
 
    //return false; 
 
    } 
 
    else { 
 
    console.log(true); 
 
    //return true; 
 
    } 
 
}

<script src="http://momentjs.com/downloads/moment.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="phone"/> (e.g. 9:40 PM) 
 
<button onclick="CompareDate();">Compare!</button>

產生的值進行比較，您可以添加CompareDate()功能，你對你的提交按鈕.click()。

Answer 2

使用選擇與inputmask驗證input

$("#phone").inputmask({ 
 
    mask: "h:s t\\m", 
 
    placeholder: "hh:mm xm", 
 
    alias: "datetime", 
 
    hourFormat: "12" 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://rawgit.com/RobinHerbots/Inputmask/3.x/dist/jquery.inputmask.bundle.js"></script> 
 

 
<input type="text" id="phone"/>

Answer 3

試試這個。

$.mask.rules.H = /(0[0-9]|1[0-2])/; // 12 hours 
$.mask.rules.AP = /[a,A,p,P]M/;//am or pm 
$.mask.masks.time = 'H:59 AP'; 
$("#phone").mask('time');