2

フォームに入力する必要があります...有効な値は、数値または「最小なし」または「最大なし」です。文字列値または数値にパターンを使用できるようになりましたが、両方ではありません...私の質問は、html 5入力タグで複数のパターンを使用するにはどうすればよいですか...私はjQueryも使用しています...

 <form id="form_searchProperty"  >
  <div class="criteria_block">
   <span><label class="search_form_Label" for="propbath">Bathroom</label></span>
     <span>
          <input id="input_propbath_min" value="No Min" pattern ="\d+" name="Min_Bathrooms" style="width:75px;"/>
          <input id="input_propbath_max" value="No Max" pattern ="\d+" name="Max_Bathrooms" style="width:75px;" />
      </span>
    </div>
  </form>
4

4 に答える 4

18

OR ( |) 演算子を使用できます。

pattern="(No M(in|ax))|\d+"
于 2013-06-06T19:34:34.463 に答える
2

パターンは正規表現であるため、正規表現パターンにはいずれか/またはを含めることができます。

<input pattern ="(\d+)|(No Min)">
于 2013-06-06T19:33:42.080 に答える
0

入力要素のパターン プロパティの代わりに正規表現テストを使用できます。

これを参照してください：

<script src="jquery-1.8.0.min.js"></script>
<script>
$(function(){

    $('form#form_searchProperty').submit(function(){
        var pat1 = /\d+|no min/i, pat2 = /\d+|no max/i;
        if (!pat1.test($('#input_propbath_min').val()) && !pat2.test($('#input_propbath_min').val()))
        {
            return false;
        }
    });

});
</script>

<form id="form_searchProperty"  >
    <div class="criteria_block">
        <span><label class="search_form_Label" for="propbath">Bathroom</label></span>
        <span>
            <input id="input_propbath_min" value="No Min" name="Min_Bathrooms" style="width:75px;"/>
            <input id="input_propbath_max" value="No Max" name="Max_Bathrooms" style="width:75px;" />
        </span>
    </div>
    <input type="submit" >
</form>
于 2013-06-06T19:46:06.943 に答える