根据输入的邮政编码重定向主页

我正在尝试创建一个页面,网站将要求用户输入邮政编码。一旦用户输入他们的邮政编码网站应该将他们重定向到他们的邮政编码主页。现在我有 10 个不同的邮政编码供用户输入。因此,我为一个邮政编码创建了一个函数,但现在我陷入困境,我不确定是否有一种方法可以在一个函数中输入所有邮政编码,或者我应该为每个邮政编码创建一个函数。感谢您的帮助。


     <script>

    function ver(){


    var eje=document.getElementById('zip_code').value;

    var che=document.getElementById('lugar').value;


    var cheje = che.toLowerCase();


    if( (eje == 11385 )||(cheje=="ridgewood" ) || (cheje=="glendale") || (cheje=="flushing")){

    window.location.assign("c:/users/lui/desktop/fluidimaging.html")

    }    


    else{ alert("you did not enter a city or a zip code"); }

    }





    </script>



    <HTML> 





    <form>      


    <legend>Please Enter Your City or Zip Code</legend>           <label for ="shippingName">City: 

    </label>          <input type = "text" name = "Name" pattern="[A-Za-z]+" id="lugar" <br/>



      <label for = "billingzip">Zip code:</label>         <input type = "text" name = "zip" id = 

     "zip_code" pattern = "[0-9]{5}"  required><br/> </form>


      <input type = "submit" onclick="ver()" class="submit" value = "Verify"/>  


尚方宝剑之说
浏览 115回答 2
2回答

拉风的咖菲猫

针对这种情况,我建议您采用以下解决方案。var zipCodeApps = {&nbsp;&nbsp; &nbsp;90507: 'https://app.ca.com',&nbsp; &nbsp;90890: 'https://app.ny.com'}这可以通过对应用程序后端服务的 REST API 调用来获取。下一步是获取用户的首选/位置邮政编码&nbsp;var eje=document.getElementById('zip_code').value现在您可以在上面的对象模型中进行查找,例如var zipCodeBasedAppUrl = zipCodeApps[eje];if(undefined !== zipCodeBasedAppUrl) window.location.href = zipCodeBasedAppUrl;这样您的代码看起来不错,如果您想从 REST API 获取输入的邮政编码特定 URL,考虑到安全级别和应用程序数据的敏感性,这也是一个不错的选择,请选择正确的方法。

慕村9548890

function ver() {&nbsp; &nbsp; var eje = document.getElementById('zip_code').value;&nbsp; &nbsp; var che = document.getElementById('lugar').value;&nbsp; &nbsp; var cheje = che.toLowerCase();&nbsp; &nbsp; if (eje == 11385) {&nbsp; &nbsp; &nbsp; &nbsp; window.location.assign("c:/users/lui/desktop/fluidimaging.html");&nbsp; &nbsp; } else if(eje == 11386) {&nbsp; &nbsp; &nbsp; &nbsp; window.location.assign("c:/users/lui/desktop/xyz.html");&nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; alert("you did not enter a city or a zip code");&nbsp; &nbsp; }}
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5