0 
<%@ 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 函数。也许 jQuery 没有正确加载。我检查了路径，看看它是否有问题，但这也是正确的。

4

4 回答 4

2

测试这个：

<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 是否在“脚本”或 put 中正确加载<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>）。

于 2013-08-21T15:24:34.137 回答
1 
<script src="../../Scripts/jquery-1.7.min.js" type="text/javascript"></script>

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

谢谢！

于 2013-08-23T09:29:29.540 回答
0

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

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

于 2013-08-21T15:26:37.247 回答
-2 
<input type="submit" value="Submit customer data" onclick="return farax(); " />

将类型更改为 type="button"。

于 2013-08-21T15:11:22.280 回答