0

データを入力せずにフォームの送信ボタンをクリックすると、2 つのフィールドが同時に必要になります。1 つは type text 、もう 1 つは 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>

動作が描かれている画像を添付しています。 2 つの必須フィールドが選択されました

ありがとう

4

1 に答える 1

1

ブラウザによって異なりますが、Firefox および IE 10 では、入力されていないすべての必須フィールドが強調表示されますが、Google クロムでは最初の空のフィールドが強調表示されます。すべてのブラウザーを同じように動作させたい場合は、単純な Javascript または JQuery を使用して検証を行う必要があります。また、検証用の JQuery プラグインを探すこともできます。それらはカスタマイズ可能で、実装も簡単です。

簡単なGoogle検索で、これを見つけました
http://archive.plugins.jquery.com/project/validate

于 2013-06-26T02:32:28.663 に答える