এইচটিএমএল ইনপুট ট্যাগ কীভাবে কেবল সংখ্যাসূচক মান গ্রহণ করবেন?

143

আমাকে নিশ্চিত করতে হবে যে একটি নির্দিষ্ট <input>ক্ষেত্রটি কেবল সংখ্যা হিসাবে নেয়। ইনপুট কোনও ফর্মের অংশ নয়। সুতরাং এটি জমা দেওয়া হয় না, সুতরাং জমা দেওয়ার সময় বৈধতা দেওয়া কোনও বিকল্প নয়। আমি চাই যে ব্যবহারকারী সংখ্যা ছাড়া অন্য কোনও অক্ষরে টাইপ করতে অক্ষম হোক।

এটি অর্জনের জন্য কি কোনও ঝরঝরে উপায় আছে?

html  input  numbers  validating 
— চিল টেন ব্রিনকে
সূত্র
— alexblum
2
এই [লিঙ্ক] [1] দেখুন, যাতে পর্যাপ্ত তথ্য রয়েছে। [1]: স্ট্যাকওভারফ্লো.com
— প্রশ্নগুলি
এটিও কাজে আসতে পারে: স্ট্যাকওভারফ্লো.com
— প্রশ্নগুলি
— ইনপুটটির

উত্তর:

282

এইচটিএমএল 5

আপনি কেবলমাত্র সংখ্যার এন্ট্রিগুলিকে সীমাবদ্ধ করতে HTML5 ইনপুট টাইপ নম্বরটি ব্যবহার করতে পারেন :

<input type="number" name="someid" />

এটি কেবল HTML5 অভিযোগ ব্রাউজারে কাজ করবে। আপনার এইচটিএমএল ডকুমেন্টের ডক্টাইপটি নিশ্চিত করুন:

<!DOCTYPE html>

পুরানো ব্রাউজারগুলিতে স্বচ্ছ সহায়তার জন্য https://github.com/jonstipe/number-polyfill দেখুন ।

জাভাস্ক্রিপ্ট

আপডেট: এর জন্য একটি নতুন এবং খুব সাধারণ সমাধান রয়েছে:

এটি আপনাকে বিভিন্ন সংখ্যার ফিল্টার সহ কোনও পাঠ্যে যে কোনও ধরণের ইনপুট ফিল্টার ব্যবহার করতে দেয় <input>। এটি অনুলিপি + আটকান, টেনে আনুন + ড্রপ, কীবোর্ড শর্টকাটগুলি, প্রসঙ্গ মেনু ক্রিয়াকলাপগুলি, টাইপযোগ্য নয় কী এবং সমস্ত কীবোর্ড বিন্যাস সঠিকভাবে পরিচালনা করবে।

এই উত্তরটি দেখুন বা নিজে নিজে চেষ্টা করুন জেএসফিডেলে ।

সাধারণ উদ্দেশ্যে, আপনার নীচের মত জেএস বৈধতা থাকতে পারে:

function isNumberKey(evt){
    var charCode = (evt.which) ? evt.which : evt.keyCode
    if (charCode > 31 && (charCode < 48 || charCode > 57))
        return false;
    return true;
}

<input name="someid" type="number" onkeypress="return isNumberKey(event)"/>

আপনি যদি দশমিকগুলি এর সাথে "যদি শর্ত" প্রতিস্থাপন করতে চান তবে:

if (charCode > 31 && (charCode != 46 &&(charCode < 48 || charCode > 57)))

উত্স: এইচটিএমএল পাঠ্য ইনপুট কেবল সংখ্যাগত ইনপুটকে অনুমতি দেয়

জেএসফিডাল ডেমো: http://jsfiddle.net/viralpatel/nSjy7/

— ভাইরাল প্যাটেল
সূত্র
6
হ্যাঁ, এটি ফায়ারফক্স এবং ক্রোম উভয় ক্ষেত্রেই আমার পক্ষে কাজ করে। অদ্ভুত যে জেএস যেমন একটি সাধারণ জিনিস জন্য প্রয়োজনীয়।
— চিয়েল দশ ব্রিনকে
7
ক্রোম 30 এ কাজ করে না the হুম ...
— বেন
2
কেউ যদি ৮.৯-এর মতো ভাসমান মান লিখতে চান তবে কী হবে?
— syed শাহ
6
আরও শক্তিশালী সমাধানের জন্য, অনুলিপি বিবেচনা করুন এবং পেস্ট করুন উদাহরণটিতে অক্ষর যুক্ত করতে পারে!
— নীল
3
ওহো !! প্রথম লাইনটি অবশ্যই এতে পরিবর্তিত হবে:var charCode = (evt.which) ? evt.which : evt.keyCode;
— পেইম্যান এফ।
33

আপনি এইচটিএমএল 5 তে প্যাটার্ন বৈশিষ্ট্যটিও ব্যবহার করতে পারেন:

<input type="text" name="name" pattern="[0-9]" title="Title" />

ইনপুট বৈধতা টিউটোরিয়াল

যদিও, যদি আপনার ডক্টিপটি না হয় htmlতবে আমি মনে করি আপনাকে কিছু জাভাস্ক্রিপ্ট / জ্যাকোয়ারি ব্যবহার করতে হবে।

— martincarlin87
সূত্র
3
নন-সংখ্যা টাইপ করার সময় ফায়ারফক্স ইনপুট বাক্সটিকে একটি লাল সীমানা দেয় যদিও ফায়ারফক্স এবং ক্রোম উভয় ক্ষেত্রেই আপনি ইনপুট বাক্সে অ-সংখ্যাযুক্ত অক্ষর টাইপ করতে সক্ষম হন।
— চিয়েল দশ ব্রিনকে
আপনি আপনার পৃষ্ঠায় কোন ডক্টিপ ব্যবহার করছেন?
— martincarlin87
ঠিক আছে, সম্ভবত এটি আপনার কাছে থাকা ব্রাউজার সংস্করণগুলিতে সমর্থিত নয়? 100% নিশ্চিত নয় তবে সত্য বলতে আমি কিছু
— জেএসও পাশাপাশি
7
সম্পত্তি আপনাকে নম্বর লিখতে দেয় তবে ফর্মটি জমা দিতে দেয় না।
— My1
1
কেবলমাত্র মূল্যায়ন জমা দিন!
— এরিক হোডনস্কি
16

দ্রুত এবং সহজ কোড

<input type="text" onkeypress="return (event.charCode !=8 && event.charCode ==0 || (event.charCode >= 48 && event.charCode <= 57))" />

এটি কেবল সংখ্যা এবং ব্যাকস্পেসের ব্যবহারের অনুমতি দেবে।

আপনার যদি দশমিক অংশও প্রয়োজন হয় তবে এই কোড টুকরাটি ব্যবহার করুন

<input type="text" onkeypress="return (event.charCode !=8 && event.charCode ==0 || ( event.charCode == 46 || (event.charCode >= 48 && event.charCode <= 57)))" />
— abhijithvijayan
সূত্র
13

দয়া করে ইনপুট ক্ষেত্রের সাথে এই কোডটি চেষ্টা করুন

<input type="text" name="price" id="price_per_ticket" class="calculator-input" onkeypress="return event.charCode >= 48 && event.charCode <= 57"></div>

এটা ঠিক কাজ করবে।

— সুবিন্দাস রাত
সূত্র
কিভাবে ব্যাকস্পেস মুছবেন?
— 6by3
7

আপনি একটি ব্যবহার করতে পারেন <input type="number" />। এটি কেবলমাত্র সংখ্যাকে ইনপুট বাক্সে প্রবেশের অনুমতি দেবে।

উদাহরণ: http://jsfiddle.net/SPqY3/

দয়া করে নোট করুন যে ইনপুট type="number"ট্যাগটি কেবলমাত্র নতুন ব্রাউজারগুলিতে সমর্থিত।

ফায়ারফক্সের জন্য, আপনি জাভাস্ক্রিপ্ট ব্যবহার করে ইনপুটটি যাচাই করতে পারবেন:

http://jsfiddle.net/VmtF5/

আপডেট 2018-03-12: ব্রাউজার সমর্থন এখন আরও ভাল এটি নিম্নলিখিত দ্বারা সমর্থিত:

  • ক্রোম 6+
  • ফায়ারফক্স 29+
  • অপেরা 10.1+
  • সাফারি 5+
  • প্রান্ত
  • (ইন্টারনেট এক্সপ্লোরার 10+)
— starbeamrainbowlabs
সূত্র
1
এটি ক্রোমে খুব সুন্দরভাবে কাজ করছে বলে মনে হচ্ছে তবে ফায়ার ফক্সে নয়।
— চিয়েল দশ ব্রিনকে
আহ। কারণ ফায়ারফক্স ইনপুট প্রকার = সংখ্যা সমর্থন করে না। বিকল্প হিসাবে, আপনি কিছুটা জাভাস্ক্রিপ্ট ব্যবহার করতে পারেন ইনপুটটি যাচাই করার জন্য ব্যবহারকারী পাঠ্যটি ইনপুট করে। উত্তর আপডেট হয়েছে।
— তারকাবিআমরনোলাবস
Jsfiddle.net/VmtF5 এ থাকা জাভাস্ক্রিপ্টটিও কাজ করবে না। এমনকি যদি 1 ডিজিট অক্ষরের শুরুতে হয় তবে বৈধতা ব্যর্থ হয়। Jsfiddle এ নিজে চেষ্টা করুন
— অক্ষয়
@Aarn এটি আমার পক্ষে কাজ করে ( i.imgur.com/AWdmEov.png দেখুন ), আপনি কোন ব্রাউজার ব্যবহার করছেন?
— স্টারবিয়াম্রেনবোলাবস 17
পুনঃটুইট এছাড়াও, 6abc লিখুন, এটি আপনাকে ত্রুটি দেখাবে না
— অক্ষয়
5 
<input type="text" name="myinput" id="myinput" onkeypress="return isNumber(event);" />

এবং জেএসে:

function isNumber(e){
    e = e || window.event;
    var charCode = e.which ? e.which : e.keyCode;
    return /\d/.test(String.fromCharCode(charCode));
}

অথবা আপনি এটি জটিল বু কার্যকর উপায়ে লিখতে পারেন:

<input onkeypress="return /\d/.test(String.fromCharCode(((event||window.event).which||(event||window.event).which)));" type="text" name="myinput" id="myinput" />

দ্রষ্টব্য : আক্ষরিক ক্রস ব্রাউজার এবং রেজেেক্স।

— ফ্রেড্রিক গাউস
সূত্র
আপনি কীভাবে .5 বা .3 এর মতো ইনপুট রাখার ক্ষমতা যুক্ত করবেন?
— ব্যবহারকারী 3591637
তারপরে আপনাকে প্রথম এবং দ্বিতীয় অক্ষরগুলি ( 0.43বা .43) বিবেচনা করতে হবে যা বর্তমান ইনপুট প্লাস চাপযুক্ত কীটির মান পরীক্ষা করে করা যেতে পারে। এটি এক-লাইন কোডে কুৎসিত হবে, আমি এটির জন্য একটি ফাংশন ব্যবহার করার পরামর্শ দিচ্ছি। পূর্ণসংখ্যা বা ভাসমান পরীক্ষা করতে, এখানে চেক করুন ।
— ফ্রেড্রিক গাউস ২
1
আপনি ভুল করে প্রবেশ করা নম্বর মুছে ফেলতে পারবেন না
— ক্রিস সিম
5

প্রয়োজনীয় প্যাটার্নের সাথে ইনপুট মানটি প্রতিস্থাপন করতে আমি নিয়মিত অভিব্যক্তি ব্যবহার করেছি।

var userName = document.querySelector('#numberField');

userName.addEventListener('input', restrictNumber);
function restrictNumber (e) {  
  var newValue = this.value.replace(new RegExp(/[^\d]/,'ig'), "");
  this.value = newValue;
}
  
<input type="text" id="numberField">
স্নিপেট প্রসারিত করুন

— Shaktish
সূত্র
1
এজন্যই আমি রেজেক্সকে ভালবাসি। ধন্যবাদ, মানুষ, আপনি সত্যিই আমার দিনটি রক্ষা করেছেন
— নির্মল
4 
<input 
    onkeyup="value=isNaN(parseFloat(value))?1000:value" 
       type="number" 
      value="1000"
>

onkeyup কীটি প্রকাশিত হলে ট্রিগার হয়।

isNaN(parseFloat(value))? ইনপুট মানটি একটি সংখ্যা নয় কিনা তা পরীক্ষা করে।

যদি এটি একটি সংখ্যা না হয় তবে মানটি 1000 এ সেট করা হয় :যদি এটি একটি সংখ্যা হয় তবে মানটি মানকে সেট করা হয়।

দ্রষ্টব্য: কিছু কারণে এটি কেবল সাথে কাজ করেtype="number"

এটি আরও উত্তেজনাকর করতে আপনার একটি সীমাও থাকতে পারে:

<input 
    onkeyup="value=isNaN(parseFloat(value))||value<0||value>9000?1000:value"
       type="number"
      value="1000"
>

উপভোগ করুন!

— user40521
সূত্র
4

আমি এই এক সাথে কিছুটা লড়াই করেছি। এখানে এবং অন্যত্র অনেকগুলি সমাধান জটিল বলে মনে হয়েছিল। এই সমাধানটি HTML এর পাশাপাশি jQuery / জাভাস্ক্রিপ্ট ব্যবহার করে ।

    <input type="number" min="1" class="validateNumber">

    $(document).on('change', '.validateNumber', function() { 
        var abc = parseInt($(this).val());
        if(isNaN(abc)) { abc = 1; }
        $(this).val(abc);
    });

আমার ক্ষেত্রে আমি সর্বনিম্ন 1 টির সাথে কম পরিমাণে ট্র্যাক করছিলাম, সুতরাং ইনপুট ট্যাগের ন্যূনতম = "1" এবং ইসনন () চেকের abc = 1। ইতিবাচক শুধুমাত্র সংখ্যার জন্য আপনি এই মানগুলিকে 0 এ পরিবর্তন করতে পারেন এবং এমনকি নেতিবাচক সংখ্যার জন্য মঞ্জুরি দেওয়ার জন্য ইনপুট ট্যাগ থেকে মিনিট = "1" সরিয়ে ফেলতে পারেন।

এছাড়াও এটি একাধিক বাক্সের জন্য কাজ করে (এবং আইডির মাধ্যমে স্বতন্ত্রভাবে সেগুলি করার জন্য কিছুটা সময় সাশ্রয় করতে পারে), যেখানে প্রয়োজন সেখানে কেবল "বৈধতা নম্বর" শ্রেণি যুক্ত করুন।

ব্যাখ্যা

parseInt () মূলত আপনার যা প্রয়োজন তা করে, এটি কোনও পূর্ণসংখ্যার মানের পরিবর্তে NaN প্রদান করে। একটি সাধারণ সঙ্গে যদি () আপনি "ফ্যালব্যাক" মান সেট করতে পারেন যা আপনি সমস্ত ক্ষেত্রে NaN ফিরে আসে :-) prefer এছাড়াও ডাব্লু 3 এখানে উল্লেখ করেছে যে NaN এর বিশ্বব্যাপী সংস্করণটি পরীক্ষা করার আগে কাস্ট টাইপ করবে যা কিছু অতিরিক্ত প্রুফিং দেয় (সংখ্যা.আইসনা) (এটি তা করে না)। কোনও সার্ভার / ব্যাকএন্ডে প্রেরিত কোনও মান এখনও সেখানে বৈধ হওয়া উচিত!

— ইশাইয়ার
সূত্র
4 

function AllowOnlyNumbers(e) {

e = (e) ? e : window.event;
var clipboardData = e.clipboardData ? e.clipboardData : window.clipboardData;
var key = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
var str = (e.type && e.type == "paste") ? clipboardData.getData('Text') : String.fromCharCode(key);

return (/^\d+$/.test(str));
}
<h1>Integer Textbox</h1>
    <input type="text" autocomplete="off" id="txtIdNum" onkeypress="return AllowOnlyNumbers(event);" />
স্নিপেট প্রসারিত করুন

জেএসফিডাল: https://jsfiddle.net/ug8pvysc/

— সামেহ সা Saeedদ
সূত্র
1
আপনি যখন পাঠ্যযুক্ত কোনও মান আটকে দিন, এটি এটির অনুমতি দেয়
— ক্রিস সিম
1
এটি পাশাপাশি বিশেষ অক্ষরগুলিরও অনুমতি দেয়। উদাহরণস্বরূপ: á, ã, ê, ó, è, ইত্যাদি
— Al
3

যদি আপনি এইচটিএমএল 5 ব্যবহার করতে পারেন তবে আপনি করতে পারেন <input type="number" /> যদি না হয় আপনাকে জাভাস্ক্রিপ্টের মাধ্যমে তা করতে হবে যেমন আপনি বলেছিলেন যে এটি কোডবাইন্ড থেকে এটি করতে জমা দেয় না।

<input id="numbersOnly" onkeypress='validate()' />

function validate(){
  var returnString;
  var text = document.getElementByID('numbersOnly').value;
  var regex = /[0-9]|\./;
  var anArray = text.split('');
  for(var i=0; i<anArray.length; i++){
   if(!regex.test(anArray[i]))
   {
     anArray[i] = '';
   }
  }
  for(var i=0; i<anArray.length; i++) {
    returnString += anArray[i];
  }
  document.getElementByID('numbersOnly').value = returnString;
}

পিএস কোডটি পরীক্ষা করেন নি তবে টাইপসের জন্য পরীক্ষা না করলে এটি কমবেশি সঠিক হওয়া উচিত: ডি আপনি যদি স্ট্রিংটি খালি বা খালি করে রাখেন তবে আরও কিছু জিনিস যুক্ত করতে চান আপনি আরও দ্রুত তৈরি করতে পারেন: ডি

— czioutas
সূত্র
2

কিভাবে ব্যবহার সম্পর্কে <input type="number"...>?

http://www.w3schools.com/tags/tag_input.asp

এছাড়াও, এখানে এমন একটি প্রশ্ন রয়েছে যা বৈধতার জন্য জাভাস্ক্রিপ্ট ব্যবহার করার কয়েকটি উদাহরণ রয়েছে ।

আপডেট: আরও ভাল প্রশ্নের সাথে যুক্ত (ধন্যবাদ আলেক্সব্লাম)।

— dan1111
সূত্র
2

পূর্ণসংখ্যা না হলে 0 সেট করুন

<input type="text" id="min-value" />

$('#min-value').change(function ()
            {   
                var checkvalue = $('#min-value').val();
                if (checkvalue != parseInt(checkvalue))
                    $('#min-value').val(0);
            });
— websky
সূত্র
2

গৃহীত উত্তর:

function isNumberKey(evt){
    var charCode = (evt.which) ? evt.which : event.keyCode
    if (charCode > 31 && (charCode < 48 || charCode > 57))
        return false;
    return true;
}

এটি ভাল তবে নিখুঁত নয়। এটি আমার পক্ষে কার্যকর, তবে আমি একটি সতর্কতা পেয়েছি যে যদি বিবৃতিটি সহজ করা যায়।

তারপরে এটি দেখতে এটির মতো, যা পথটি খুব সুন্দর:

function isNumberKey(evt){
    var charCode = (evt.which) ? evt.which : event.keyCode;
    return !(charCode > 31 && (charCode < 48 || charCode > 57));
}

মূল পোস্টটি মন্তব্য করবে, তবে আমার খ্যাতি এটি করার পক্ষে খুব কম (কেবল এই অ্যাকাউন্টটি তৈরি করা হয়েছে)।

— ক্রিস এইচ।
সূত্র
2

আপনি <input>বৈশিষ্ট্য টাইপ = 'সংখ্যা' সহ ট্যাগটি ব্যবহার করতে পারেন ।

উদাহরণস্বরূপ আপনি ব্যবহার করতে পারেন <input type='number' />

এই ইনপুট ক্ষেত্রটি কেবলমাত্র সংখ্যার মানগুলিকে মঞ্জুরি দেয়। আপনি এই ক্ষেত্রের দ্বারা গ্রহণযোগ্য হওয়া সর্বনিম্ন মান এবং সর্বাধিক মানও নির্দিষ্ট করতে পারেন।

— গীঠ চাদলওয়াদা
সূত্র
2

দয়া করে জাভাস্ক্রিপ্ট ভাষা ব্যবহার করে আপনার ওয়েব পৃষ্ঠায় পাঠ্য ইনপুট উপাদানটির মান ক্রস ব্রাউজারের ফিল্টারটি দেখুন: ইনপুট কী ফিল্টার । আপনি মানটি একটি পূর্ণসংখ্যার নম্বর, একটি ফ্লোট নম্বর হিসাবে ফিল্টার করতে পারেন বা একটি কাস্টম ফিল্টার লিখতে পারেন, যেমন ফোন নম্বর ফিল্টার। একটি পূর্ণসংখ্যার ইনপুট কোডের উদাহরণ দেখুন:

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Input Key Filter Test</title>
	<meta name="author" content="Andrej Hristoliubov anhr@mail.ru">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	
	<!-- For compatibility of IE browser with audio element in the beep() function.
	https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatible -->
	<meta http-equiv="X-UA-Compatible" content="IE=9"/>
	
	<link rel="stylesheet" href="https://rawgit.com/anhr/InputKeyFilter/master/InputKeyFilter.css" type="text/css">		
	<script type="text/javascript" src="https://rawgit.com/anhr/InputKeyFilter/master/Common.js"></script>
	<script type="text/javascript" src="https://rawgit.com/anhr/InputKeyFilter/master/InputKeyFilter.js"></script>
	
</head>
<body>
	<h1>Integer field</h1>
<input id="Integer">
<script>
	CreateIntFilter("Integer", function(event){//onChange event
			inputKeyFilter.RemoveMyTooltip();
			var elementNewInteger = document.getElementById("NewInteger");
			var integer = parseInt(this.value);
			if(inputKeyFilter.isNaN(integer, this)){
				elementNewInteger.innerHTML = "";
				return;
			}
			//elementNewInteger.innerText = integer;//Uncompatible with FireFox
			elementNewInteger.innerHTML = integer;
		}
		
		//onblur event. Use this function if you want set focus to the input element again if input value is NaN. (empty or invalid)
		, function(event){ inputKeyFilter.isNaN(parseInt(this.value), this); }
	);
</script>
 New integer: <span id="NewInteger"></span>
</body>
</html>
স্নিপেট প্রসারিত করুন

ইনপুট কী ফিল্টারটির উদাহরণের সাথে আমার পৃষ্ঠাটি "পূর্ণসংখ্যার ক্ষেত্র:" দেখুন

— Andrej
সূত্র
2

সাধারণ উদ্দেশ্যে, আপনার নীচের মত জেএস বৈধতা থাকতে পারে:

এটি সংখ্যাযুক্ত কীপ্যাড এবং সাধারণ নম্বর কীগুলির জন্য কাজ করবে 

function isNumberKey(evt){
        var charCode = (evt.which) ? evt.which : event.keyCode

if (charCode < 31 || (charCode >= 48 && charCode <= 57 ) || (charCode >= 96 && charCode <= 105 ))
        return true;
    return false;
}

<input name="someid" type="number" onkeypress="return isNumberKey(event)"/>
— YasirPoongadan
সূত্র
2

আপনার ইনপুট ট্যাগের মধ্যে জুড়ুন: onkeyup = "মান = মান.রেপস (/ [^ \ d] / g, '')"

— নবীন কুমার
সূত্র
2
তাই আপনাকে স্বাগতম! দুর্ভাগ্যক্রমে, এটি একটি 5/2 বছরের পুরানো প্রশ্ন যা ইতিমধ্যে স্বীকৃত উত্তর পেয়েছে। আপনি এখানে উত্তর ছাড়া প্রশ্ন ব্রাউজ করতে চান করতে পারেন: stackoverflow.com/unanswered
— AndroidNoobie
2

আমি নিম্নলিখিত যুক্ত করতে পোস্ট করা কিছু উত্তর আপডেট করেছি:

  • এক্সটেনশন পদ্ধতি হিসাবে পদ্ধতিটি যুক্ত করুন
  • শুধুমাত্র একটি পয়েন্ট প্রবেশ করার অনুমতি দিন

  • দশমিক পয়েন্ট অনুমোদিত হওয়ার পরে কতগুলি সংখ্যা নির্দিষ্ট করুন।

    String.prototype.isDecimal = function isDecimal(evt,decimalPts) {
    debugger;
    var charCode = (evt.which) ? evt.which : event.keyCode
    if (charCode > 31 && (charCode != 46 && (charCode < 48 || charCode > 57)))
        return false;

    //Prevent more than one point
    if (charCode == 46 && this.includes("."))
        return false;

    // Restrict the needed decimal digits
    if (this.includes("."))
    {
        var number = [];
        number = this.split(".");
        if (number[1].length == decimalPts)
             return false;
     }

     return true;
};
— প্লেক্সিস প্ল্লেক্সিস
সূত্র
1

আমি এটি দ্রুত এবং সহজ জিপ কোডগুলির জন্য ব্যবহার করি।

<input type="text" id="zip_code" name="zip_code" onkeypress="return event.charCode > 47 && event.charCode < 58;" pattern="[0-9]{5}" required></input>
— জাস্টিন বুজার
সূত্র
1

এই কোডটি ব্যবহার করার সময় আপনি মজিলা ফায়ারফক্সে "ব্যাকস্পেস বোতাম" ব্যবহার করতে পারবেন না আপনি কেবলমাত্র ক্রোম 47 এ & ব্যাকস্পেস ব্যবহার করতে পারেন 47 ও & ইভেন্ট.charCode <58; "প্যাটার্ন =" [0-9] {5} "প্রয়োজনীয়>

— ওয়েনডেল আলভারেজ
সূত্র
0

একাধিক সংখ্যা (শুধুমাত্র একটি অঙ্ক নয়) স্বীকৃতি দেওয়ার জন্য REGEX শর্তে "+" যুক্ত করা ভাল:

<input type="text" name="your_field" pattern="[0-9]+">

— দাশকো লিওনিড
সূত্র
0

একটি উপায় Array.includesহ'ল অনুমোদিত চরিত্রের কোডগুলির একটি অ্যারে রাখা এবং তারপরে প্রবেশ করা চরিত্রটি অনুমোদিত কিনা তা দেখতে ফাংশনটি ব্যবহার করুন ।

উদাহরণ:

<input type="text" onkeypress="return [45, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57].includes(event.charCode);"/>
— MA1
সূত্র
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.