提问人:VishIsHere26 提问时间:11/14/2023 更新时间:11/14/2023 访问量:23
如何在按钮中为两个不同的值设置不同的重定向选项?
How do i set the different redirect options for two different values in button?
问:
我制作了一个注册表单来注册用户,无论他是医生还是网站的病人。 这是我用于表单前端的 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 ERROR 405”
我正在尝试根据医生和患者将我的网站的用户分开,因为我创建了这个表单和这个JS代码。我稍后会链接我的数据库
答:
0赞
Dobry
11/14/2023
#1
看起来您正在尝试使用 JavaScript 代码根据用户的选择(医生或患者)重定向用户。但是,代码中有一些问题需要解决。
变量命名问题: 您正在尝试访问名为 selectedOption 的变量,但在代码中,您将该变量定义为选项。更新变量名称以保持一致:
var selectedOption = document.getElementById('Options').value;
未定义的变量: 您似乎正在尝试设置ID 为 buttonLink 的按钮的 href 属性,但未定义变量 buttonLink。在使用它之前,您需要定义它:
var buttonLink = document.getElementById('buttonLink');
提交表格: 表单在输入字段周围缺少表单标记。确保您有一个包含所有输入字段的表单标记。
上一个:初始化值为 -2**31 的整数
下一个:我无法正确安装 sql.js
评论