मैं जेएस का उपयोग किए बिना ब्लेज़र में दशमलव के बिना केवल पूर्ण संख्याओं की अनुमति देने के लिए इनपुट नियंत्रण का उपयोग कैसे करूं?


मैं गतिशील रूप से एक फॉर्म बना रहा हूं और मुझे केवल पूर्ण संख्या को स्वीकार करने के लिए इनपुट नियंत्रण की आवश्यकता है जो डॉट सहित दशमलव मान दर्ज करने की अनुमति नहीं देता है। लेकिन कोई भी तरीका मुझे सटीक परिणाम नहीं दे रहा है।

मैंने क्या प्रयास किया है:

     <input type="text" class="form-control" id="@acs.CTL_NAME" @ref="@(_inputRefs[acs.SRNO - 1])" inputmode="numeric"
            @bind="bindData[acs.SRNO-1]" tabindex="@acs.TAB_INDEX" @oninput="@((ChangeEventArgs e) => HandleNumber(e,acs.SRNO-1))">

@code{
public string[] bindData; //array is initialized with null in other method which is working fine 

private void HandleNumber(ChangeEventArgs e,int index)
{
    string inputValue = e.Value?.ToString();

    inputValue = inputValue?.Replace(".", "");

    bindData[index] = Regex.Replace(inputValue, @"[^\d]", "");
    StateHasChanged();
}
}

समाधान 1

उपयोग type="number"तो आप रॉकर्स को छिपा सकते हैं:

सीएसएस
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none; /* hide spinner buttons*/
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox - hide spinner buttons*/
}

コメント

タイトルとURLをコピーしました