नियमित अभिव्यक्ति में हटाएं और तीर कुंजी

Question

मैं दिनांक सत्यापन कर रहा हूं और अब मैं कर रहा हूं कि उपयोगकर्ता केवल numbers, / और backspace दर्ज कर सकता है, इसलिए अब मैं अपनी नियमित अभिव्यक्ति में 2 और कुंजी जोड़ना चाहता हूं। मैं जोड़ने के लिए delete और arrow keys तो क्या मैं अपने नियमित अभिव्यक्ति है इस में क्या करना चाहिए बदल जाएगा मेरी कोड

<input type="text" id="date" name="date" onkeypress="check(event,this);" /> 

यह मेरे जावास्क्रिप्ट कोड है

<script type="text/javascript"> 

function check(evt, id) 
{ 

var value = id.value; 

var theEvent = evt || window.event; 
var key = theEvent.keyCode || theEvent.which; 
key = String.fromCharCode(key); 

var regex = /[0-9|\b|/]/; 

if(!regex.test(key)) 
{ 
    theEvent.returnValue = false; 

    if(theEvent.preventDefault) 
    theEvent.preventDefault(); 
} 
} 



</script> 

धन्यवाद आपकी मदद के लिए इंतज़ार कर रहा है चाहता हूँ।

Answer 1

आप इनपुट सत्यापन को छोड़ सकते हैं, तो तीर, हटाने और बैकस्पेस कुंजी दबाव डाला गया था

function check(evt, id) 
{ 

var value = id.value; 

var theEvent = evt || window.event; 
var key = theEvent.keyCode || theEvent.which; 

// Don't validate the input if below arrow, delete and backspace keys were pressed 
if(key == 37 || key == 38 || key == 39 || key == 40 || key == 8 || key == 46) { // Left/Up/Right/Down Arrow, Backspace, Delete keys 
    return; 
} 

key = String.fromCharCode(key); 
var regex = /[0-9|/]/; 

if(!regex.test(key)) 
{ 
    theEvent.returnValue = false; 

    if(theEvent.preventDefault) 
    theEvent.preventDefault(); 
} 
} 

Answer 2

मूल्य बनाने वाले कीप्रेसियों की बजाय आप तत्व के वास्तविक मूल्य की जांच क्यों नहीं करते हैं?

आप इसके लिए oninput ईवेंट का उपयोग कर सकते हैं।

Answer 3

आप वर्तमान मूल्य की जाँच करने के परिवर्तन और बल परिवर्तन onkeyup पर इस्तेमाल करना चाहिए।

गलतियों तुम हो:

1- आपके regex, उलटा होना चाहिए तो अपने वर्तमान जांच करता है कि मूल्य इनमें से किसी भी शामिल है, लेकिन आप अपने मूल्य अन्य मूल्य नहीं करना चाहते हैं।

2- आपको इस तरह के स्लैश (/) चरित्र से बच जाना चाहिए ताकि इसे रेगेक्स के अंत के रूप में नहीं माना जाएगा और शेष संशोधक बन जाएंगे!

उदाहरण:

document.getElementById('date').onchange = function(){ 
    var regex = /[^\d\/]/g; 
    if(regex.test(this.value)) {console.log(false); return false;} 
    else {console.log(true); return true;} 
}; 

document.getElementById('date').onkeyup = function(){ 
    this.onchange(); 
}; 

DEMO

ध्यान दें: सुनिश्चित करें कि आप dd/mm/yyyy या जो कुछ भी अपने स्वरूप है के रूप में पूरे तारीख को मान्य, ठीक पहले sumission