Nagaveni Katari

Nagaveni Katari

  • 1.6k
  • 106
  • 7.4k

How to remove default comma

May 3 2024 6:03 AM

                    <div class="container">
<div id="myModal" class="modal payout" data-bs-backdrop="static" data-bs-keyboard="false" aria-hidden="true" role="dialog">

<%--  <div class="modal payout" id="myModal" role="dialog" aria-hidden="true" data-bs-backdrop='static' data-bs-keyboard="false">--%>
    <div class="modal-dialog">
      <div class="modal-content">
                                             <div id="form1" class="box-body" runat="server">

        <!-- Modal Header -->
        <div class="modal-header">
          <h4 class="modal-title">Add New Beneficiary</h4>
          <button type="button" class="close" data-bs-dismiss="modal">&times;</button>
        </div>
        
        <!-- Modal body -->
        <div class="modal-body">
          <div class="row">
             <div class="mb-3 col-md-4">
                    <%--<label>Bank</label>--%>
                 <asp:Label ID="lblbank" runat="server">Bank</asp:Label>
                    <div class="input-group">                                               
                     <%-- <select  class="form-control form-control-sm"  >
                          <asp:DropDownList ID="ddlbank" runat="server" ></asp:DropDownList>
                          <option>SBI</option>
                          <option>SBI</option>
                          <option>SBI</option>
                          <option>SBI</option>


                      </select>--%>
                        <asp:DropDownList ID="ddlbanks" runat="server" CssClass="form-control form-control-sm" ></asp:DropDownList>
                        </div>
                           </div> 
              <div class="mb-3 col-md-4">
                   <%-- <label>Beneficiary Account Number</label>--%>
                  <asp:Label ID="lbl1" runat="server">Beneficiary Account Number</asp:Label>
                    <div class="input-group">                                               
                    <%--  <input  class="form-control form-control-sm" placeholder="Enter Beneficiary Account Number" > --%>
                        <asp:TextBox ID="TxtBeneficiaryAccountNumber" runat="server" CssClass="form-control form-control" placeholder="Enter Beneficiary Account Number" value=""></asp:TextBox>
                    </div>
                           </div> 
              <div class="mb-3 col-md-4">
                   <%-- <label>Confirm Account Number</label>--%>
                  <asp:Label ID="lblconfirmacnum" runat="server">Confirm Account Number</asp:Label>
                    <div class="input-group">                                               
<%--                      <input  class="form-control form-control-sm" placeholder="Enter Confirm Account Number" > --%>
                 <asp:TextBox ID="TxtConfirmBeneficiaryAccountNumber" runat="server" CssClass="form-control form-control-sm" placeholder="Enter Confirm Account Number" ></asp:TextBox>

                    </div>
                           </div> 
            
              <div class="mb-3 col-md-4">
                    <%--<label>Beneficiary Name</label>--%>
                  <asp:Label ID="benename" runat="server">Beneficiary Name</asp:Label>
                    <div class="input-group">                                               
<%--                      <input  class="form-control form-control-sm" placeholder="Enter Beneficiary Name" > --%>
                <asp:TextBox ID="TxtBeneficiaryName" runat="server" CssClass="form-control form-control-sm" placeholder="Enter Beneficiary Name" ></asp:TextBox>

                    </div>
                           </div>
                <div class="mb-3 col-md-4">
<%--                    <label>IFSC Code</label>--%>
                  <asp:Label ID="ifsc" runat="server">IFSC Code</asp:Label>
                    <div class="input-group">                                               
                    <%--  <input  class="form-control form-control-sm" placeholder="Enter IFSC Code" > --%>
                 <asp:TextBox ID="TxtBeneficiaryIFSC" runat="server" CssClass="form-control form-control-sm" placeholder="Enter IFSC Code" ></asp:TextBox>

                    </div>
                           </div>
              <div class="form-group row">
                <span>Do You Have IFSC Code</span> 

                     <div class="col-md-2">
                    <div class="radioborder">
                <asp:RadioButton ID="rbtyes" runat="server" CssClass="form-check-input" GroupName="N" />
                   <asp:Label ID="lblno" runat="server">YES</asp:Label>
            </div>
                    </div>
                    <div class="col-md-2">
                    <div class="radioborder">
                  <asp:RadioButton ID="rbtno" runat="server" CssClass="form-check-input" GroupName="N" />
                   <asp:Label ID="lblyes" runat="server">No</asp:Label>
            </div>
                    </div>
                
                  
                </div>
              </div>
            
            <div class="otp" id="divotpfiels" runat="server" visible="false">
            <div class="row">
                   <div class="mb-3 col-md-4">
               <%--<label>OTP</label>--%>
               <asp:Label ID="Label19" runat="server">OTP</asp:Label>
                    <div class="input-group">                                               
<%--                      <input  class="form-control form-control-sm" placeholder="Enter Otp" > --%>
                        <asp:TextBox ID="TxtBeneficiaryOTP" runat="server" CssClass="form-control form-control-sm" placeholder="Enter Otp"></asp:TextBox>
                        </div>
                    </div>
                </div>
                
            <div class="row">
                <div class="mb-3 col-md-4">
<%--              <button class="resend">Resend OTP?</button>--%>
                    <button type="button" runat="server" id="btnresendOTP" class="resend" onserverclick="ResendOTP_Click">Resend OTP?</button>
                    </div>
                </div>
               
                </div>
           </div>
            </div>
          <div class="modal-footer">

              <div class="row w-100">
                  <div class="col-md-4" id="divAddben" runat="server">
                 <%-- <button class="btn btn-primary">Add Beneficiary</button>--%>
                      <button class="btn btn-primary" runat="server" id="btnaddbeneficiary" type="button" onserverclick="btnAddBene_ServerClick">Add Beneficiary</button>
              </div>
                  <div class="col-md-4" id="divvalidate" runat="server" visible="false">
                      <button type="button" id="btnsubmitOTP" runat="server" class="btn btn-primary" onserverclick="VerifyOTP">Validate OTP</button>
              </div>
                  </div>


        </div>
        
       
        
      </div>
    </div>
  </div>
</div>|
 

  function showModal() {
            debugger;
          
        var beneficiaryAccountNumber = $('#<%=TxtBeneficiaryAccountNumber.ClientID %>').val();
        var confirmBeneficiaryAccountNumber = $('#<%=TxtConfirmBeneficiaryAccountNumber.ClientID %>').val();
        var beneficiaryName = $('#<%=TxtBeneficiaryName.ClientID %>').val();
        var ifscCode = $('#<%=TxtBeneficiaryIFSC.ClientID %>').val();

            if (beneficiaryAccountNumber.trim() === ',' || (beneficiaryAccountNumber.includes(',') && !beneficiaryAccountNumber.replace(/,/g, '').trim())) {
                $('#myModal input[type="text"]').val('');
            } 
        if (beneficiaryAccountNumber !== null && beneficiaryAccountNumber !== undefined && beneficiaryAccountNumber !== '') {
            beneficiaryAccountNumber = removeCommas(beneficiaryAccountNumber);
        }
        if (confirmBeneficiaryAccountNumber !== null && confirmBeneficiaryAccountNumber !== undefined && confirmBeneficiaryAccountNumber !== '') {
            confirmBeneficiaryAccountNumber = removeCommas(confirmBeneficiaryAccountNumber);
        }
        if (beneficiaryName !== null && beneficiaryName !== undefined && beneficiaryName !== '') {
            beneficiaryName = removeCommas(beneficiaryName);
        }
        if (ifscCode !== null && ifscCode !== undefined && ifscCode !== '') {
            ifscCode = removeCommas(ifscCode);
        }
   
        $("#myModal").modal("show");
    
         
            return false;
        }

        function removeCommas(input) {
            return input.replace(/,/g, '');
        } here by default i am getting camma , value in the textbox after using the       $('#myModal input[type="text"]').val('');line the cammas not getting but after entering values i am calling the script in .cs code
 ScriptManager.RegisterStartupScript(this, this.GetType(), "ErrorMSg", "<script>alert('OTP has been sent to Sender Mobile Number.');</script>", false);
                    ScriptManager.RegisterStartupScript(this, this.GetType(), "ShowModal", "showModal();", true);
here with the values the camma also adding after my data how to remove the camma


Answers (2)