আমার কাছে নিম্নলিখিত HTML5 ইনপুট উপাদান রয়েছে:
<input type="number">এই ইনপুট কেন 'ই' অক্ষরটিকে ইনপুট ক্ষেত্রে প্রবেশের অনুমতি দেয়? অন্য কোনও বর্ণমালা অক্ষর প্রবেশ করতে সক্ষম নয় (আশানুরূপ হিসাবে)
ক্রোম বনাম 44.0.2403.107 ব্যবহার করা হচ্ছে
আমি কী বলতে চাইছি তা দেখতে: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_number
উত্তর:
কারণ ঠিক এইভাবেই অনুমানটি বলে যে এটি কাজ করা উচিত। সংখ্যার ইনপুটটি নেতিবাচক প্রতীক এবং বা অক্ষর সহ ভাসমান-পয়েন্ট সংখ্যাগুলি গ্রহণ করতে পারে (যেখানে ঘোরের সংখ্যাটি বা এর পরে সংখ্যা হয় ):eEeE
একটি ভাসমান-পয়েন্ট নম্বরটি নীচের অংশগুলি নিয়ে থাকে, ঠিক নীচের ক্রমে:
- .চ্ছিকভাবে, প্রথম অক্ষর একটি "
-" অক্ষর হতে পারে ।- "
0—9" সীমাতে এক বা একাধিক অক্ষর ।- Ptionচ্ছিকভাবে, নিম্নলিখিত অংশগুলি, ঠিক নিম্নলিখিত ক্রমে:
- একটি "
." অক্ষর- "
0—9" সীমাতে এক বা একাধিক অক্ষর- Ptionচ্ছিকভাবে, নিম্নলিখিত অংশগুলি, ঠিক নিম্নলিখিত ক্রমে:
- একটি "
e" অক্ষর বা "E" অক্ষর- allyচ্ছিকভাবে, "
-" অক্ষর বা "+" অক্ষর- "
0—9" সীমাতে এক বা একাধিক অক্ষর ।
eবিপুল সংখ্যক ঘনীভূত হওয়ার জন্য দরকারী যা টাইপ করা অন্যথায় ক্লান্তিকর হবে। একটি তুচ্ছ উদাহরণ হিসাবে,2e2 = 2*10^2 = 200
eএক্সপোনেন্ট হিসাবে বিবেচিত।
আমরা এটি নীচের মত সহজ করতে পারেন
<input type="number" onkeydown="javascript: return event.keyCode == 69 ? false : true" />আপডেট উত্তর
@ 88 এমপিজির পরামর্শ অনুসারে আমরা এটিকে আরও সহজ করতে পারি
<input type="number" onkeydown="return event.keyCode !== 69" />return event.keyCode !== 69এটি একটি অপ্রয়োজনীয় টেরিনারি অপারেটরটিকে এড়িয়ে যাওয়ার কারণে ব্যবহার করা আরও ভাল । ইনলাইনিংয়ের পরামর্শ দিবে না।
eবা Eক্ষেত্রে প্রতিরোধ করে না
এইচটিএমএল ইনপুট নম্বর প্রকারটি "e / E" কে অনুমতি দেয় কারণ "e" হ'ল ক্ষুদ্রতর যা সংখ্যার প্রতীক।
উদাহরণ 200000 2e5 হিসাবেও লেখা যেতে পারে। আমি আশা করি এটি প্রশ্নের জন্য আপনাকে ধন্যবাদ সাহায্য করে।
কেবলমাত্র সংখ্যার সমন্বয়ে সংখ্যার ব্যবহারকে বাধ্য করার সর্বোত্তম উপায় :
<input type="number" onkeydown="javascript: return event.keyCode === 8 ||
event.keyCode === 46 ? true : !isNaN(Number(event.key))" />কেবল নম্বর কীগুলিকে অনুমতি দেওয়ার জন্য:
isNaN (নম্বর (event.key))
তবে "ব্যাকস্পেস" (কী কোড: 8) এবং "মুছুন" (কী কোড: 46) গ্রহণ করুন ...
<input type="number" onkeydown="return FilterInput(event)" onpaste="handlePaste(event)" >
function FilterInput(event) {
var keyCode = ('which' in event) ? event.which : event.keyCode;
isNotWanted = (keyCode == 69 || keyCode == 101);
return !isNotWanted;
};
function handlePaste (e) {
var clipboardData, pastedData;
// Get pasted data via clipboard API
clipboardData = e.clipboardData || window.clipboardData;
pastedData = clipboardData.getData('Text').toUpperCase();
if(pastedData.indexOf('E')>-1) {
//alert('found an E');
e.stopPropagation();
e.preventDefault();
}
};উভয় অক্ষর eএবং বিয়োগ চিহ্নটি আড়াল করার -জন্য কেবল যান:
onkeydown="return event.keyCode !== 69 && event.keyCode !== 189"কৌণিক ব্যবহার করে, আপনি ই, +, -, ই প্রবেশের সীমাবদ্ধ করতে এটি করতে পারেন
<input type="number" (keypress)="numericOnly($event)"/>
numericOnly(event): boolean { // restrict e,+,-,E characters in input type number
debugger
const charCode = (event.which) ? event.which : event.keyCode;
if (charCode == 101 || charCode == 69 || charCode == 45 || charCode == 43) {
return false;
}
return true;
}কার্যত রিঙ্কুর উত্তর হিসাবে একই তবে আইডিই সতর্কতা প্রতিরোধের সাথে
numericOnly(event): boolean {
// noinspection JSDeprecatedSymbols
const charCode = (event.which) ? event.which : event.key || event.keyCode; // keyCode is deprecated but needed for some browsers
return !(charCode === 101 || charCode === 69 || charCode === 45 || charCode === 43);
}
.কয়েকটি ব্রাউজারে +, - এবং একাধিকবার প্রবেশ করার অনুমতি দেয় ।