Facebook标签页上的剃刀形式

时间:2014-04-25 18:36:44

标签: javascript facebook razor

我正在尝试在Facebook标签中执行表单。我在很多方面尝试了什么:

看起来像Request.HttpMethod ==" POST"没有像往常一样工作。 @message打印出pageload。 我曾尝试在返回$(' form')。valid()之前添加提醒。这没有被执行。

任何问题或其他解决方法。

代码:

@{
    var message = string.Empty;
    if (Request.HttpMethod == "POST")
    {
        message = "SUBMITTED";
    }
}

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>

<div class="form">
    @if (!string.IsNullOrEmpty(message))
    {
        <p class="formFinish">
            @message
        </p>
    }

    <div class="row">
        <label>Name</label>
        <input type="text" name="Name" id="Name" class="required" minlength="4" maxlength="30" />
    </div>
    <div class="newGame row">
        <button class="btn">Submit</button>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function () {

        $('form').attr('enctype', "multipart/form-data");
        $('form').on('submit', function () {
            return $('form').valid()
        });
    });
</script>

1 个答案:

答案 0 :(得分:0)

我可能会遗漏一些显而易见的事情,但您似乎并没有发送帖子。你在那里没有真正的表格,只有一个表格为#34; form&#34;和你的&#34;提交&#34;按钮只是一个看起来没有任何与之关联的动作的按钮。如果您希望页面获得发布请求,您将需要实际发布内容。

编辑:这是工作代码,我只需要更改您的&#34; div class =&#39; form&#39;&#34;用方法&#34; post&#34;到一个实际的表单元素中。请注意,我没有修复你对jQuery验证的使用,但是现在表单实际上正在生成一个帖子请求,你应该顺利完成。

@{
    var message = string.Empty;
    if (Request.HttpMethod == "POST")
    {
        message = "SUBMITTED";
    }
}

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>

<form method="post">
    @if (!string.IsNullOrEmpty(message))
    {
        <p class="formFinish">
            @message
        </p>
    }

    <div class="row">
        <label>Name</label>
        <input type="text" name="Name" id="Name" class="required" minlength="4" maxlength="30" />
    </div>
    <div class="newGame row">
        <input type="submit" class="btn" value="Submit" />
    </div>
</form>