如何从asp.net的母版页导入jquery插件

时间:2019-05-16 23:53:08

标签: javascript c# jquery asp.net

我正在使用jQuery插件来仅验证网站中的数字(我不想使用“ Type = number”和“ TextMode”),因此我下载了名为 NumericInput.js 的插件但是当我尝试使用它不起作用 这是我使用的代码:

我的主要页面

    <%@ Page Title="" Language="C#" 
    MasterPageFile="~/RecursosHumanos/MPRecursosHumanos.master" 
     AutoEventWireup="true" CodeFile="RegistroRecursos.aspx.cs" 
     Inherits="RecursosHumanos_RegistroRecursos" %>

     <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
     </asp:Content>
     <asp:Content ID="Content2" ContentPlaceHolderID="ContentplaceHolder1" runat="Server">
     <!--INICIO CABECERA-->
     <div runat="server" class="container-fluid text-center letracabecera" id="cabecera">
        <div class="col-sm-2">
            <img src="/../Imagenes/Sistegral.jpg" class="img-rounded imagenescab" alt="Sistegral" />
        </div>
        <div class="col-sm-8">
            <h2><b>ADMINISTRACION DE RECURSOS</b></h2>
        </div>
        <div class="col-sm-2">
            <img src="/../Imagenes/Gmg.png" class="img-rounded imagenescab" alt="GMG" />
        </div>
    </div>
    <div class="panel panel-default letra" id="panelDatosEmpleado">
        <div class="panel-body">
            <div class="container-fluid text-center">
                <div class="row">
                <div class="col-sm-3">
                         <label class="control-label" for="txtRegRecIMSS">
                             <span class="form-text">Numero de IMSS:</span>
                         </label>
                         <asp:TextBox ID="txtRegRecIMSS" runat="server" CssClass="form-control ns_" MaxLength="10" onKeyUp="this.value = this.value.toUpperCase();" placeHolder="IMSS del recurso"></asp:TextBox>
                     </div>
                     </div>
                   ...

这是我的主页:

    <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MPRecursosHumanos.master.cs" Inherits="RecursosHumanos_MPRecursosHumanos" %>

    <!DOCTYPE html>

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Consultores TI</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--REFERENCIAS PARA DISEÑO-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" 
    href="/../Styles/css/CentrarTextoDiv.css"/>
    <script 
    src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
    </script>
    <script 
    src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script> <script type="text/javascript" src = "<%=  ResolveClientUrl("~/Styles/bootstrap/js/numericInput.js") %>"></script>
   <script type="text/javascript" src = "<%= 
    ResolveClientUrl("~/Styles/bootstrap/js/numericInput.min.js") %>"></script>

   <!--REFERENCIAS PARA EL CALENDARIO--> 
   <link href="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/build/css/bootstrap-datetimepicker.css" rel="stylesheet">
   <script type="text/javascript" src="//code.jquery.com/jquery-2.1.1.min.js"> 
   </script>

<script>
    $(function() {
        $("#txtRegRecIMSS").numericInput();
    });
</script>

最后一个功能是我用来验证字段的地方,但是它不起作用 我应该如何导入js文件才能使其正常工作?

0 个答案:

没有答案
相关问题