如何在按钮中为两个不同的值设置不同的重定向选项?

How do i set the different redirect options for two different values in button?

提问人:VishIsHere26 提问时间:11/14/2023 更新时间:11/14/2023 访问量:23

问:

我制作了一个注册表单来注册一个用户,无论他是医生还是病人。 这是我用于表单前端的 HTML 代码

 <label class="text-left" >Are you a:</label>
    <select class="options" id="Options" onchange="handleSelection()">
        <option value="1">Doctor</option>
        <option value="2">Patient</option>
      </select>
</div>
            <div id="Button" >
            <button href="#" type="submit" id="buttonLink" class="btn" onclick="response(event)">Continue</button>
            </div>

这是我用 JS 为该函数编写的代码:

function response(event){
    let fn=document.getElementById('first_name').value
    let ln=document.getElementById('last_name').value
    let phNo=document.getElementById('phone').value
    let mail=document.getElementById('email').value
    let pwd=document.getElementById('pwd').value


    var options = document.getElementById('Options').value;
//took this to check whether phone number has alphabets or not
    let check=/^[a-zA-Z]+$/

    if(phNo.length>10){
        
        alert('Enter a valid Phone number.')
        event.preventDefault()
    }
    
    if(check.test(phNo)){
alert('Enter a valid phone number.')
event.preventDefault()
    }
    if(pwd.length<8 || pwd.length>12){
        alert('Enter a valid password')
        event.preventDefault()
    }


    //here's the code to redirect to other website based on the choice you've selected
    if (selectedOption === "1") {
        
      buttonLink.href="Doctor_website"

    } else if (selectedOption === "2") {
        
      buttonLink.href="Patient_website"

    }

}


如果我在填写详细信息后按下继续按钮,则显示“HTTP 错误 405”

我正在尝试根据医生和患者来区分我网站的用户,为此我创建了这个表格和这个 JS 代码。我稍后会链接我的数据库

HTML 表单 DOM 后端 客户端

评论

0赞 EeEmDee 11/14/2023
错误 405 表示不允许使用从服务器获取数据的方法,在本例中为 GET。您应该查看如何为项目设置路由。也许你可以发布更多的代码。
0赞 VishIsHere26 11/14/2023
我应该发送 HTML 吗?

答:

0赞 Dobry 11/14/2023 #1

看起来您正在尝试使用 JavaScript 代码根据用户的选择(医生或患者)重定向用户。但是,代码中有一些问题需要解决。

变量命名问题: 您正在尝试访问名为 selectedOption 的变量,但在代码中,您将该变量定义为选项。更新变量名称以保持一致:

var selectedOption = document.getElementById('Options').value;

未定义的变量: 您似乎正在尝试设置ID 为 buttonLink 的按钮的 href 属性,但未定义变量 buttonLink。在使用它之前,您需要定义它:

var buttonLink = document.getElementById('buttonLink');

提交表格: 表单在输入字段周围缺少表单标记。确保您有一个包含所有输入字段的表单标记。