2011-09-07 65 views
0

我有這個link,如果你點擊提交沒有填寫任何你得到三個驗證字段的,但我沒有包括的js文件,所以這是哪裏的哪裏是來自這個文件的驗證?

來這裏是所有的HTML

<div class="content"> 
<div class="page row nobor"> 
     <div class="three_col wide row">  
      <div class="title"> 
      </div> 
      <div class="column"> 
       <h2>email sign up</h2>      
       <div class="inner"> 
        <form method="post" action="/signup_complete" id="signup_form"> 
         <p> 
          stuff 
         </p> 
         <p class="row"> 
          <label>First Name <span class="req">*</span></label> 

          <input type="text" id="first_name" name="first_name" required="true"> 
         </p> 
         <p class="row"> 
          <label>Last Name <span class="req">*</span></label> 
          <input type="text" id="last_name" name="last_name" required="true"> 
         </p> 
         <p class="row"> 
          <label>Email <span class="req">*</span></label> 

          <input type="text" message="Please provide your email address." required="true" value="" name="email"> 

         </p>        
         <p class="row nopad nomarg"><input type="submit" value="submit" class="sub_fbut submit" name="submit"></p> 
         <div class="clear"></div> 
        </form> 

       </div> 
      </div> 
     </div> 
    </div> 

基本上我需要添加更多的驗證,不允許少於3個字母,但我不知道這是從哪裏來的,我如何改變......想法?

+0

「required」屬性在HTML5格式的瀏覽器中生成驗證。如果你需要更多的驗證,我會建議JavaScript或jQuery插件 – kinakuta

回答

2

這是來自HTML5瀏覽器的功能。這意味着這個驗證只適用於支持驗證屬性的現代瀏覽器,例如「required」,請查看一些示例here

如果你想瀏覽器兼容驗證,我建議this plug in只記得人們可以禁用JS,所以如果你有敏感的數據驗證它的服務器端。

1

從您的<input>標籤中刪除required="true"以擺脫該驗證。

1

,如果你點擊提交不填充任何字段,你得到三個 驗證,但我有包含,所以這是哪裏來 從

它看起來像您使用HTML5表單的代碼沒有js文件這裏。

它採用required="true"required

HTML5瀏覽器都正確地解釋這一點。

瞭解更多:http://diveintohtml5.ep.io/forms.html#required


基本上我需要添加更多的驗證,不允許少於3個 信,但是我不知道在哪裏,這是來自哪裏?如何 改變

如果你需要一些簡單的驗證,你可以做這樣的事情

$('#first_name').blur(function(){ 
    if($(this).val().length < '3'){ 
     alert('You must enter three characters'); 
    } 
}); 

實施例:http://jsfiddle.net/jasongennaro/ZEjEq/

這僅僅是一個例子。你可以在submit()上做這樣的事情。

此外,您還應該驗證服務器端的內容。只是要確定!