1

以下代码应该包含所有需要输入的字段，但是当我在 Chrome 版本 26.0.1410.64 m 中运行它时，按下提交按钮后，只有第一个字段（例如，名称）被标记为“此字段是必需的。 " 我在这里使用了示例：http://www.raymondcamden.com/demos/2012/jul/30/round2/register.html 保存html, 和他的 local javascript，示例代码可以正常工作，除了“此字段是必需的”。是红色的。这里有什么问题？请帮忙 ：（

<!DOCTYPE html> 
<html> 
<head> 
    <title>My Page</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
    <script src="jquery.validate.js"></script>
    <script>    
        $(document).on("pageshow", "#somePage", function() {
            $("#someForm").validate();
        });
    </script>
</head> 

<body> 
<div data-role="page" id="somePage">
    <div data-role="content">   
        <form id="someForm" method="get" action="">
            <fieldset>
                <label>Name</label>
                <input id="name" size="25" class="required"/>
            </fieldset>
            <fieldset>
                <label">E-Mail</label>
                <input id="email" size="25" class="required"/>
            </fieldset>
            <fieldset>
                <label">Your comment</label>
                <textarea id="comment" cols="22" class="required"></textarea>   
            </fieldset>         
            <input type="submit" value="Submit"/>   
        </form>
    </div> <!--content-->
</div>
</body>
</html>
4

1 回答 1

0

您在标签标签中有双引号，使您的 html 无效

<label">E-Mail</label>
      ^

for在标签标签和sname中使用属性input

据说改变

<fieldset>
    <label>Name</label>
    <input id="name" size="25" class="required"/>
</fieldset>
<fieldset>
    <label">E-Mail</label>
    <input id="email" size="25" class="required"/>
</fieldset>
<fieldset>
    <label">Your comment</label>
    <textarea id="comment" cols="22" class="required"></textarea>   
</fieldset>

至

<fieldset>
    <label for="name">Name</label>
    <input name="name" id="name" size="25" class="required"/>
</fieldset>
<fieldset>
    <label for="email">E-Mail</label>
    <input name="email" id="email" size="25" class="required"/>
</fieldset>
<fieldset>
    <label for="comment">Your comment</label>
    <textarea name="comment" id="comment" cols="22" class="required"></textarea>   
</fieldset>

这是jsFiddle

于 2013-05-01T17:56:49.263 回答