JQuery Mobile验证仅适用于第一个字段集

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

<!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>

来源

2013-05-01 Tiina

你有标签标记的双引号，让你的HTML无效

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

使用for属性的标签标签和name在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-01 17:56:49 peterm

你是真棒的人！你发布了什么，它是一个html的事情，还是只为JQM？ – Tiina 2013-05-01 19:04:48

我的意思是你在哪里找到这种用法？ – Tiina 2013-05-01 19:06:08

JQuery Mobile验证仅适用于第一个字段集

回答

相关问题