html 5必填属性

Question

单击提交按钮时我的表单中没有填充数据，同时需要两个字段，一个是键入文本，第二个是select。这是正常的吗？我想要求从上到下的字段。

我的代码

<form class="well span8" name="contact-form" action="<?php echo base_url();?>main/validar_contacto" method="post"> 

<div class="row"> 
<div class="span3"> 
<label>Nombre</label> 
<input type="text" name="fnombre" class="span3" placeholder="Nombre" id="fnombre" required minlength="10" data-validation-minlength-message="muy pocos caracteres"> 

<label>Apellidos</label> 
<input type="text" name="fapellidos" class="span3" placeholder="Apellido" required> 
<label>Email </label> 
<div class="input-prepend"> 
<span class="add-on"><i class="icon-envelope"></i></span> 
<input type="email" name="femail" id="inputIcon" class="span2" style="width:233px" placeholder="Ingrese email" required> 
</div> 
<label>Télefono</label> 
<input type="text" name="ftelefono" class="span3" placeholder="Teléfono"> 
<label>Celular</label> 
<input type="text" name="fcelular" class="span3" placeholder="Celular"> 

<label>Ciudad</label> 
<input type="text" name="fciudad" class="span3" placeholder="Ciudad" required> 

<label>Dirigido a: 
<select id="dirigido" name="fdirigido" class="span3" required> 
<option value="" <?php echo set_select('fdirigido', '', true);?>>Seleccione:</option> 
<option value="ventas" <?php echo set_select('fdirigido','ventas');?>>Ventas</option> 
<option value="contacto" <?php echo set_select('fdirigido','contacto');?>>Contacto</option> 
</select> 
</label> 

</div> 


<div class="span5"> 
<label>Mensaje</label> 
<textarea name="fmensaje" id="message" class="input-xlarge span5" rows="8" required></textarea> 
</div> 
</div> 
<button type="submit" class="btn btn-primary contact">Enviar</button> 
</form> 

我附加了与行为的图像被描绘。

感谢

Answer 1

它依赖于浏览器， Firefox和IE 10在哪些方面为谷歌chrome凸显了第一空场所需的所有领域还没有被填满， 。 如果您希望所有浏览器的行为类似，那么您应该使用简单的Javascript或JQuery进行验证。 您还可以查找JQuery插件进行验证，可以对它们进行自定义并且易于实现。

一个快速谷歌搜索，我发现这个
http://archive.plugins.jquery.com/project/validate