2011-09-07 66 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()上做这样的事情。

此外,您还应该验证服务器端的内容。只是要确定!