jQuery。在MVC4中驗證

Question

我想在MVC4項目中使用jQUery.validate。 我有一個向導設置（來自stepy），其中有6個步驟需要完成。 在每個步驟中，我要添加驗證。 現在驗證有效，直到我似乎使用了一個復選框。 在步驟2中，我有一個復選框。 然后，我想繼續執行步驟3時，出現錯誤：無法讀取未定義的屬性名稱。

當我刪除復選框時，一切正常。 同樣，當我運行HTML時，它可以工作，但是如果將其放入MVC剃刀中，它將失敗。

任何幫助表示贊賞。

謝謝

這是HTML + jQuery：

<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="-1">

    <title>jQuery Stepy - A Wizard Plugin</title>

    <link type="text/css" rel="stylesheet" href="css/jquery.stepy.css" />
    <script type="text/javascript" src="js/jquery-1.8.2.js"></script>
    <script type="text/javascript" src="js/jquery.validate.min.js"></script>
    <script type="text/javascript" src="js/jquery.stepy.min.js"></script>
<script type="text/javascript">
        $(function() {

            $('#custom').stepy({
                backLabel:  'Backward',
                block:      true,
                errorImage: true,
                nextLabel:  'Forward',
                titleClick: true,
                validate:   true
            });


            // Optionaly
            $('#custom').validate({
                 rules: {
                    'checked':      'required',
                }, messages: {

                    'checked':  { required:  'error' },
                             }
            });
        });
    </script>

</head>
<body>
    <div id="header">

    </div>

    <div id="content">




        <form id="custom">
            <fieldset title="Thread 1">
                <legend>description one</legend>

                <label>User:</label>
                <!-- Hidden fields are not focused.  -->
                <input type="hidden" name="hidden" />

                <!-- Disabled fields are not validated.  -->
                <input type="text" value="wbotelhos" size="40" name="user" disabled="disabled" />

                <label>E-mail:</label>
                <input type="text" size="40" name="email" />
                <input type="checkbox" name="checked" /> Checked?

                <label>Naa:</label>
                <input type="text" size="40" name="Naam" />

                <label>Newsletter?</label>
                <input type="radio" name="newsletter" /> Yep
                <input type="radio" name="newsletter" /> Nop

                <label>Password:</label>
                <input type="password" name="password" size="40" />
            </fieldset>

            <fieldset title="Thread 2">
                <legend>description two</legend>

                <label>Nick Name:</label>
                <input type="text" size="30" />

                <label>Bio:</label>
                <textarea name="bio" rows="5" cols="60"></textarea>
            </fieldset>

            <fieldset title="Thread 3">
                <legend>description three</legend>

                <label>Birthday:</label>
                <select name="day">
                    <option></option>
                    <option>23</option>
                </select>

                <select>
                    <option>10</option>
                </select>

                <select>
                    <option>1984</option>
                </select>

                <label>Site:</label>
                <input type="text" name="site" size="40" />
            </fieldset>

            <input type="submit" class="finish" value="Finish!" />
        </form><br/>


</body>

Answer 1

問題中的代碼缺少結束div標簽。

除此之外，它沒有問題。 問題是來自github上stepy的一個示例，該示例似乎可以使用復選框。 我將嘗試使示例正常工作，並檢查您是否引用了所有js文件。

jQuery。在MVC4中驗證

問題描述

1 個解決方案

解決方案1
0 已采納 2012-11-18 20:47:19

jQuery。在MVC4中驗證

問題描述

1 個解決方案

解決方案1 0 已采納 2012-11-18 20:47:19

解決方案1
0 已采納 2012-11-18 20:47:19