ASP.net Where to put Javascript in Web Forms
Hi
In my ASP.net webform shown at the bottom, where would I put the following Javascript? Thanks
function addCommas(element) {
var inputValue = document.getElementById(element.id).value;
inputValue += '';
x = inputValue.split('.');
if (!x[0]) {
x[0] = "0";
}
x1 = x[0];
if (!x[1]) {
x[1] = "00";
}
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="CreateEditPolicy.aspx.cs" Inherits="Landmark.WebForms.CreateEditPolicy" MaintainScrollPositionOnPostback="true" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<!-- End Content -->
<style>
table {
width: 100%;
}
tfoot input {
width: 100%;
padding: 3px;
box-sizing: border-box;
}
thead {
background-color: #f62d51;
color: white;
}
.withSearch {
position: absolute;
/*width: 60% !important;*/
z-index: 9999;
top: 24px;
left: 225px;
}
.margin5 {
margin-right: 5px;
}
.form-control {
height: auto !important;
}
</style>
<div class="content-page">
<div class="content">
<div class="row">
<div class="col-6">
<div class="page-title-box" style="margin: 20px">
<a class="btn btn-danger btn-rounded" href="Default.aspx">Back List</a>
</div>
</div>
<div class="col-6">
<div class="page-title-box" style="margin: 20px" >
<asp:Label ID="LabelPolicyID" runat="server" Text="Label" Font-Size="X-Small" ForeColor="#E3E3E3"></asp:Label>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="page-title-box" style="margin: 20px">
<a href="#" value="Seen" runat="server" id="btnSeen" onserverclick="link_Seen_Click" class="btn btn-primary Seen btn-rounded select-status">Seen</a>
<a href="#" value="Cancelled" runat="server" id="btnCancelled" onserverclick="link_Cancelled_Click" class="btn btn-primary Cancelled btn-rounded select-status">Cancelled</a>
<a href="#" value="NTU" runat="server" id ="btnNTU" onserverclick="link_NTU_Click" class="btn btn-primary NTU btn-rounded select-status">NTU</a>
<a href="#" value="Quoted" runat="server" id="btnQuoted" onserverclick="link_Quoted_Click" class="btn btn-primary Quoted btn-rounded select-status">Quoted</a>
<a href="#" value="Firm Order" runat="server" id="btnFirmOrder" onserverclick="link_FirmOrder_Click" class="btn btn-primary FirmOrder btn-rounded select-status">Firm Order</a>
<a href="#" value="Declined" runat="server" id="btnDeclined" onserverclick="link_Declined_Click" class="btn btn-primary Declined btn-rounded select-status">Declined</a>
<a href="#" value="NBI" runat="server" id ="btnNBI" onserverclick="link_NBI_Click" class="btn btn-primary NBI btn-rounded select-status">NBI</a>
<a href="#" value="MTA" runat="server" id ="btnMTA" onserverclick="link_MTA_Click" class="btn btn-primary MTA btn-rounded select-status">MTA</a>
<a href="#" value="Lost" runat="server" id="btnLost" onserverclick="link_Lost_Click" class="btn btn-primary Lost btn-rounded select-status">Lost</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<div id="myForm">
<input type="hidden" id='hfCondition' asp-for="OtherValue" />
<asp:HiddenField ID="HfPolicyId" runat="server" />
<asp:Label ID="lblLoadError" runat="server" ForeColor="#CC0000"></asp:Label>
<div class="row">
</div>
<div class="row">
<div class="form-group col-md-12" style="display: none;">
<br />
<br />
</div>
</div>
<div class="row">
<div class="form-group col-md-6" style="display: none;">
<asp:Label runat="server" ID="lblPolicyID" CssClass="control-label"></asp:Label>
<asp:TextBox runat="server" CssClass="form-control" ID="PolicyID"></asp:TextBox>
</div>
<div class="form-group col-md-6" style="display: none;">
<asp:Label runat="server" ID="LblStatus" CssClass="control-label"></asp:Label>
<asp:TextBox runat="server" CssClass="form-control" ID="Status"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Binder</asp:Label>
<asp:DropDownList CssClass="form-control select" runat="server" ID="Binder" AutoPostBack="True" OnSelectedIndexChanged="Binder_SelectedIndexChanged"></asp:DropDownList>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Class of Business</asp:Label>
<asp:DropDownList ID="Class_of_Business" runat="server" CssClass="form-control select">
</asp:DropDownList>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Underwriter</asp:Label>
<asp:DropDownList ID="Underwriter" runat="server" CssClass="form-control select"></asp:DropDownList>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Type of Risk</asp:Label>
<asp:DropDownList runat="server" class="form-control select" ID="Type_of_Risk">
<asp:ListItem Value="New">New</asp:ListItem>
<asp:ListItem Value="New">Renewal</asp:ListItem>
</asp:DropDownList>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Policy Number</asp:Label>
<asp:TextBox runat="server" class="form-control" ID="Policy_Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Date Seen</asp:Label>
<asp:TextBox TextMode="Date" runat="server" CssClass="form-control" ID="Date_Seen"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Inception Date</asp:Label>
<asp:TextBox runat="server" TextMode="Date" CssClass="form-control" ID="Inception_Date" OnTextChanged="Inception_Date_TextChanged"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Expiry Date</asp:Label>
<asp:TextBox runat="server" TextMode="Date" CssClass="form-control" ID="Expiry_Date"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Assured Name</asp:Label>
<asp:TextBox runat="server" CssClass="form-control" ID="Assured_Name"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Broker</asp:Label>
<asp:DropDownList runat="server" class="form-control select" AutoPostBack="false" ID="Broker">
</asp:DropDownList>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Broker Contact Name</asp:Label>
<asp:TextBox runat="server" CssClass="form-control" ID="Broker_Contact_Name" autocomplete="off"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Broker Email</asp:Label>
<asp:TextBox runat="server" CssClass="form-control" ID="Broker_Email"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Country</asp:Label>
<asp:DropDownList runat="server" class="form-control select" ID="Country" OnSelectedIndexChanged="Country_SelectedIndexChanged" AutoPostBack="True">
</asp:DropDownList>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">State/Province</asp:Label>
<asp:DropDownList runat="server" class="form-control" asp-items="Model.States" ID="StateOrProvince">
</asp:DropDownList>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Fees</asp:Label>
<asp:TextBox runat="server" CssClass="form-control money FeesOrTurnOver" ID="Fees" TextMode="Number" AutoPostBack="True" OnTextChanged="Fees_TextChanged"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Turnover</asp:Label>
<asp:TextBox runat="server" CssClass="form-control money FeesOrTurnOver" ID="Turnover" TextMode="Number" AutoPostBack="True" OnTextChanged="Turnover_TextChanged"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Profession</asp:Label>
<asp:DropDownList asp-items="Model.Profession" runat="server" CssClass="form-control select" ID="Profession">
</asp:DropDownList>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Limit of Indemnity</asp:Label>
<asp:TextBox runat="server" CssClass="form-control money" ID="Limit_of_Indemnity"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Basis of Limit</asp:Label>
<asp:DropDownList runat="server" class="form-control select" ID="Basis_Of_Limit">
<asp:ListItem Value="AOG">AOG</asp:ListItem>
<asp:ListItem Value="ACC">ACC</asp:ListItem>
</asp:DropDownList>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Currency</asp:Label>
<asp:TextBox runat="server" CssClass="form-control" ID="Currency"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Layer</asp:Label>
<asp:DropDownList runat="server" asp-items="Model.Layer" class="form-control select" ID="Layer">
<asp:ListItem Value="Primary">Primary</asp:ListItem>
<asp:ListItem Value="Excess">Excess</asp:ListItem>
</asp:DropDownList>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Deductible</asp:Label>
<asp:TextBox runat="server" ID="Deductible" TextMode="Number" class="form-control" OnTextChanged="Deductible_TextChanged"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Reinstatement</asp:Label>
<asp:TextBox type="number" ID="Reinstatement" autocomplete="off" asp-for="Policy.Reinstatement" runat="server" class="form-control" list="Reinstatement" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Retroactive Date</asp:Label>
<asp:TextBox TextMode="Date" ID="Retroactive_Date" autocomplete="off" runat="server" class="form-control"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Costs Inclusive/Exclusive</asp:Label>
<asp:DropDownList runat="server" class="form-control select" ID="Costs_InclusiveOrExclusive">
<asp:ListItem Value="Costs Inclusive">Costs Inclusive</asp:ListItem>
<asp:ListItem Value="Costs Exclusive">Costs Exclusive</asp:ListItem>
</asp:DropDownList>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Gross Premium</asp:Label>
<asp:TextBox runat="server" CssClass="form-control compute-values money" ID="Gross_Premium" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Premium Of Line</asp:Label>
<asp:TextBox runat="server" CssClass="form-control compute-values money" ID="Premium_of_Line" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" CssClass="control-label">Net Premium to Binder</asp:Label>
<asp:TextBox runat="server" CssClass="form-control money" ID="Net_Premium_to_Binder" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Broker Brokerage %</asp:Label>
<asp:TextBox MaxLength="6" type="number" runat="server" CssClass="form-control compute-values percentage" ID="Broker_Brokerage_Percentage" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">LCU Amount</asp:Label>
<asp:TextBox runat="server" class="form-control compute-values money" ID="LCU_Amount" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Landmark Commission %</asp:Label>
<asp:TextBox MaxLength="6" type="number" runat="server" class="form-control compute-values money percentage" ID="Landmark_Commission_Percentage" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Total Binder Brokerage</asp:Label>
<asp:TextBox asp-for="Policy.TotalBinderBrokerage" runat="server" class="form-control money" ID="Total_Binder_Brokerage" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Landmark Commission Amount</asp:Label>
<asp:TextBox runat="server" class="form-control money" ID="Landmark_Commission_Amount" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Broker Brokerage Amount</asp:Label>
<asp:TextBox runat="server" class="form-control money" ID="Broker_Brokerage_Amount" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">UK Policy Fee (Landmark Policy Fee) </asp:Label>
<asp:TextBox runat="server" class="form-control compute-values money" ID="Landmark_Policy_Fee" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">IPT</asp:Label>
<asp:TextBox runat="server" class="form-control money" ID="IPT" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Net to Landmark</asp:Label>
<asp:TextBox runat="server" class="form-control money" ID="Net_to_Landmark" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Net to Landmark Inc Tax</asp:Label>
<asp:TextBox runat="server" class="form-control money" ID="Net_to_Landmark_Inc_Tax" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Net to Binder (Excl IPT)</asp:Label>
<asp:TextBox runat="server" class="form-control money" ID="Net_to_Capacity_Excl_IPT" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Premium Due Date</asp:Label>
<asp:TextBox TextMode="Date" runat="server" class="form-control" ID="Premium_Due_Date"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<div class="custom-control custom-checkbox">
<asp:CheckBox runat="server" CssClass="custom-control-select" Text="TOBA Check" ID="TOBA_Check" />
</div>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">TOBA Date</asp:Label>
<asp:TextBox TextMode="Date" runat="server" class="form-control" ID="TOBA_Date"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<div class="custom-control custom-checkbox">
<asp:CheckBox runat="server" CssClass="custom-control-select" Text="Debit Note Issued" ID="Debit_Note_Issued" />
</div>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Debit Note Date</asp:Label>
<asp:TextBox TextMode="Date" runat="server" class="form-control" ID="Debit_Note_Date"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Paid Date</asp:Label>
<asp:TextBox TextMode="Date" runat="server" class="form-control" ID="Paid_Date"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Paid Amount </asp:Label>
<asp:TextBox runat="server" class="form-control compute-values money" ID="Paid_Amount" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Difference</asp:Label>
<asp:TextBox runat="server" class="form-control money" ID="OverpaymentOrUnderpayment" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Bank Ref</asp:Label>
<asp:TextBox runat="server" class="form-control" ID="Bank_Ref"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Paid To Binder</asp:Label>
<asp:TextBox runat="server" class="form-control money" ID="Paid_to_Binder" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Paid To Aquilano Bdx Date</asp:Label>
<asp:TextBox TextMode="Date" runat="server" class="form-control" ID="Paid_to_Binder_Bdx_Date"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Line %</asp:Label>
<asp:TextBox MaxLength="8" runat="server" type="number" value="0"
class="form-control 4decimals percentage" ID="Line_Percentage" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Tax</asp:Label>
<asp:TextBox runat="server" class="form-control" ID="Tax" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Conditions</asp:Label>
<div class="custom-control custom-checkbox">
<asp:CheckBoxList ID="Conditions" CssClass="custom-control-asp:TextBox chkConditions" runat="server"></asp:CheckBoxList>
</div>
</div>
<div class="form-group col-md-12">
<asp:Label runat="server" class="control-label">Comments</asp:Label>
<asp:TextBox TextMode="MultiLine" Rows="4" CssClass="form-control" runat="server" Height="500px" ID="Notes"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">TPA Percentage 1</asp:Label>
<asp:TextBox runat="server" class="form-control" ID="TPA_Percentage_1" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">TPA Percentage 2</asp:Label>
<asp:TextBox runat="server" class="form-control" ID="TPA_Percentage_2" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">TPA Percentage 3</asp:Label>
<asp:TextBox runat="server" class="form-control" ID="TPA_Percentage_3" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">TPA Percentage 4</asp:Label>
<asp:TextBox runat="server" class="form-control" ID="TPA_Percentage_4" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">TPA Amount 1</asp:Label>
<asp:TextBox runat="server" class="form-control" ID="TPA_Amount_1" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">TPA Amount 2</asp:Label>
<asp:TextBox runat="server" class="form-control" ID="TPA_Amount_2" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">TPA Amount 3</asp:Label>
<asp:TextBox runat="server" class="form-control" ID="TPA_Amount_3" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">TPA Amount 4</asp:Label>
<asp:TextBox runat="server" class="form-control" ID="TPA_Amount_4" TextMode="Number"></asp:TextBox>
</div>
<div class="form-group col-md-6">
<asp:Label runat="server" class="control-label">Upload New File</asp:Label>
<asp:FileUpload ID="FormFiles" AllowMultiple="true" runat="server" />
</div>
</div>
<%--<div class="row">
<asp:ValidationSummary DisplayMode="SingleParagraph" ID="ValidationSummary1" runat="server" ForeColor="Red" />
</div>--%>
<div class="row">
<div class="form-group col-md-12">
<asp:Button value="Save Policy" Text="Save Policy" ID="btnSavePolicy" runat="server" class="btn btn-success btn-rounded" OnClick="btnSavePolicy_Click" />
<asp:Button value="Save Policy" Text="Save And Close" ID="btnSaveAndClose" runat="server" class="btn btn-success btn-rounded" OnClick="btnSaveAndClose_Click" />
<asp:Button value="Go To Quote" Text="Cancel" asp-page-handler="GotoQuote" ID="Cancel" runat="server" OnClick="Cancel_Click" class="btn btn-danger btn-rounded" />
<asp:Button value="Save" Text="Save Not Used" asp-page-handler="Create" ID="Save" runat="server" OnClick="Save_Click" class="btn btn-primary" Visible="False" BackColor="#CCFFFF" ForeColor="#006600" />
</div>
</div>
<div class="row">
<asp:Label ID="Label_ErrorMessage" runat="server" Text="Label"></asp:Label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$("input:disabled").addClass("form-control");
});
</script>
</asp:Content>ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
This code is javaScript function, which process event. It is front end of your project. You put this code in html file in section scripts or in separate file as @David said.
Can you explain your question "where" in more detail?
Can you explain your question "where" in more detail?
ASKER
Yes where in my ASP.net web forms project. Can that code not be put on the page whose markup I put above?
Where exactly would it go. Usually I see it goes in the <head> section but there is no <head> section
Where exactly would it go. Usually I see it goes in the <head> section but there is no <head> section
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER