验证Dropdown没有表单标记

时间:2017-01-16 06:54:50

标签: javascript html validation dropdown

我们为用户提供了一个选项" Brand&模型" 并点击"查看案例" 按钮,根据所选选项,它会重定向到正确的网址。

如果我们直接点击"请参阅案例"没有选择品牌&模型,它重定向到一些错误的网址,这里我们要为这两个下拉列表添加验证。我们这里没有使用任何表格标签。

enter image description here

<div>

        <div>
          <select id="brand_select">
            <option value="">My Brand</option>
            <?php foreach ($brands as $key => $value) 
            {
            ?>
                 <option value="<?php echo $value->getCategoryId();?>"> <?php echo $value->getCategoryName();?></option>
            <?php 
            }
            ?>
          </select>
        </div>


        <div id="brandmodel">
          <select id="model_select">
            <option value="">My Model</option>
          </select>
        </div>        
        <div>


        <div>
            <a href="#" onclick="geturlandredirec()"><span> See Cases > </span> </a>
        </div>
      </div> 

      <div id="myDivLoader"></div>

      <script>
      var models = <?php echo json_encode($this->getbrandsArr()) ?>;
      jQuery(document).ready(function(){
        jQuery( "#brand_select" ).change(function() {
          var brandId = jQuery(this).val();      
           url="<?php echo Mage::getbaseUrl()?>custom-phone-cases/customcase/ajaxBrandmodel";
           new Ajax.Request(url, {
               method: 'POST',  

               onLoading: showLoad,
                 onFailure: function(response){
           },
          parameters: {
            id: brandId
          },
         onSuccess: function(response)
         { 
             jQuery( "#brandmodel" ).html(response.responseText);
             hideLoad();
         }
        }); 

       });      
    });
      function showLoad()
      {
       jQuery("#myDivLoader").html('<img src="<?php echo $this->getSkinUrl('images/opc-ajax-loader.gif') ?>" alt="Wait" />');
      }
      function hideLoad()
      {
       jQuery("#myDivLoader").html('');
      }
    function geturlandredirec()
    {           
      var brandmodelValue=jQuery( "#model_select option:selected" ).val();
      var finalUrl="custom-"+brandmodelValue+".html";
      jQuery('#customcaseform').attr('action',finalUrl);
      jQuery( "#customcaseform" ).submit();

       /* Trying this code for My Model Validation */
      var model_select = document.getElementById("model_select");
      if (model_select.value == "") 
      {
          document.getElementById('model_select').innerHTML="please select Model";
      }

    }
      </script>
</div>

2 个答案:

答案 0 :(得分:1)

在自定义函数module FS0b (in2,in2,out1); input in1,in2; output out1; parameter real res=10000; endmodule module FS1b (in1,in2,out1); input in1,in2; output out1; wreal in1; wreal in2; wreal out1; out1=res- in1+in2; endmodule 中,您可以检查下拉列表是否具有值,并使用自己的代码手动验证它们。

喜欢

geturlandredirec()

如果为false,则可以返回false,否则继续执行您希望其重定向的正常流程。

答案 1 :(得分:0)

将值添加到默认选定的option,例如<option value="-1">My Brand</option>

然后你有多个选择:

  1. 将名为custom--1.html的文件添加为404-Page

  2. geturlandredirec函数内检测到默认值时显示allert / error / something:

    var brandmodelValue = jQuery(&#34; #model_select option:selected&#34;).val();

    if(brandmodelValue == -1){   提醒(&#39;请先选择品牌!&#39;);   返回; }