Question

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<!DOCTYPE html>
<html>
    <head runat="server">
        <meta name="viewport" content="width=device-width" />
        <title>FillForm</title>
        <script  type="text/javascript" src="../../Scripts/jquery-1.7.1.min.js" />
         <script type="text/javascript"><![CDATA[            
             function farax() {                
                 alert($('#txt_name').val());
                 return false;
             }
        ]]></script>
    </head>
    <body>
    <div>
        <form action="DisplayCustomer" method="post">
            <span> Enter customer id :- </span> <input type="text" name="Id" id="txt_name" /> <br            />
            <span> Enter customer code :-  </span> <input type="text" name="CustomerCode" /><br />
            <span> Enter customer Amount :-  </span> <input type="text" name="Amount" /><br />
            <input type="submit" value="Submit customer data" onclick="return farax(); " />
        </form>
        </div>
    </body>    
</html>

上面的代码没有获取javascript函数内的值。我在这做错了什么？这是ASP.NET MVC 4应用程序中的视图，我没有添加任何母版页。我尝试在普通的ASP.NET应用程序中使用相同的代码，它工作正常，但这似乎是跳过javascript函数altogather。也许jQuery没有正确加载。我检查了路径，看它是否有问题，但这也是正确的。

Answer 1

测试一下：

<script type="text/javascript">           
     function farax() {                
        alert($('#txt_name').val());
        return false;
     }
</script>

并且：

<input type="submit" value="Submit customer data" onclick="console.log(farax());" />

你必须在调试器控制台中看到“false”（也许，检查jQuery是否正确加载了“脚本”或放置<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>）。

Answer 2

<script src="../../Scripts/jquery-1.7.min.js" type="text/javascript"></script>

奇怪的是，它将JQuery版本更改为1.7解决了我的问题。如果有人能够更清楚地了解这个问题，我会很高兴！

谢谢！

Answer 3

首先，请确保您知道如何在浏览器中调试Javascript，在IE10 / Chrome中，按F12启动调试器，然后您会在控制台输出中发现脚本错误，也可以在firefox中逐步调试代码，你可以安装Firebug，它是脚本调试的着名而强大的工具。

然后，如果您收到指定的错误，那么应该很容易解决您的问题。

Answer 4

<input type="submit" value="Submit customer data" onclick="return farax(); " />

将类型更改为type =“button”。

Jquery没有在这段代码中工作

4 个答案: