私はこのフォームを持っています。いくつかのフィールドを検証する必要があったため、このプラグインを次のコードで使用しました。
$("#filter").validate({
rules: {
"n-habitaciones": {
required: false,
number: true
},
"superficie-min":{
required: false,
number: true
},
"superficie-max":{
required: false,
number: true
},
"precio-min":{
required: false,
number: true
},
"precio-max":{
required: false,
number: true
}
}
});
これはうまくいきます!しかし、何も設定されていない場合は、送信時に「superficie」と「Precio」の入力テキストを空 ("") に設定する必要があります。値 "Desde" と "Hasta" はラベルのようなものです。フォームコードは次のとおりです。
<fieldset>
<legend>Superficie(m² o Hs)</legend>
<input type="text" id="superficie-min" name="superficie-min" class="numeric-input" value="Desde" onfocus="if(this.value=='Desde') this.value='';" onblur="if(this.value=='') this.value='Desde';"/>
<span> - </span>
<input type="text" id="superficie-max" name="superficie-max" class="numeric-input" value="Hasta" onfocus="if(this.value=='Hasta') this.value='';" onblur="if(this.value=='') this.value='Hasta';"/>
<br />
<span class="note">Si busca un campo, ingrese las hectáreas, de otra manera, ingrese m²</span>
</fieldset>
<fieldset>
<legend>Precio</legend>
<input type="text" name="precio-min" value="Desde" class="numeric-input" onfocus="if(this.value=='Desde') this.value='';" onblur="if(this.value=='') this.value='Desde';"/><span> - </span>
<input type="text" name="precio-max" value="Hasta" class="numeric-input" onfocus="if(this.value=='Hasta') this.value='';" onblur="if(this.value=='') this.value='Hasta';"/>
</fieldset>
これどうやってするの?