如果输入了最低价格，如何要求最高价格？

Question

因此，基本上，它的工作原理类似于用户输入最低价格（但忘记输入最高价格），然后按搜索（不会进行搜索，并且在最高价格旁边出现一个措辞，要求他输入最高预算。

<form role="search" id="myform1" name="form" method="get" action="<?php echo home_url( '/properties/' ); ?>" >
    <div class="mini-field" id="minfield">
        <input input name="pricefrom" class="txt-field-input-mini formattingNumber" placeholder="Price from" style="width:159px;"id="min">
        <p><input input name="priceto" class="txt-field-input-mini formattingNumber" placeholder="Price to" title="Please input maximum price budget" style="width:159px;" id="max"></p>
    </div>
    <button type="submit" class="start-search-btn" id=search>Start Search<img src="<?php echo get_template_directory_uri();?>/images/search-img-white.png"  alt="Start Search" class="start-search-img"/></button>
</form>

Answer 1

设置以下条件：

`if ($("#min").val()== ""){
    /*Do Your Search*/
}
else{
    if($("#min").val()!== "" && $("#max").val()!==""){
        /*Do Your Search*/ 
    }
}`

像这样更新代码：

$(document).ready(function(){
   $("#myform1").submit(function(event){
       if ($("#min").val()== "" ){
          /*Do Your Search*/
       }
       else{
          if($("#min").val()!== "" && $("#max").val()!==""){
              /*Do Your Search*/ 
          }
          else{event.preventDefault();//this doesn't allow submit function to execute
              alert("Please Fill the details");
          }
       }
   });

Answer 2

由于您正在触发“提交”事件，因此如果您不想提交表单，则必须取消它。 （基于Gaurav Kalyan的答案）

<script> 
$(document).ready(function() { 
    $('#myform1').on('submit', function(e) {

        // If min value is set but NO max value is set, cancel the submit
        if ($('#min').val() && !$('#max').val()) { 
            e.preventDefault(); // Cancel the default event of submitting the form
            alert("fill details; return false"); 
        } 
    }); 
}); 
</script>