{welcome to JS} 提示用户

1.通过prompt()提示用户作出响应

welcom5.html

<!DOCTYPE html>
<html>
<head>
  <title>Test prompt()</title>
  <h1>You can input your answer.</h1>
</head>
<body>
  <script src="script05.js"></script>
</body>
</html>


script05.js

var ans=prompt("Are you sure you want to do that?");
if(ans){
	alert("You said "+ans);
}
else{
	alert("You refused to answer.");
}


运行结果



2.通过将重定向(redirect)功能嵌入代码

welcome6.html

<!DOCTYPE html>
<html>
<head>
  <title>Welcome to my site!</title>
  <script src = "script06.js"></script>
</head>
<body>
  <h2 class = "centerd">
    <a href = "welcome5.html" id = "redirect">Welcome to my site...c'mon in!</a>
  </h2>
</body>
</html>


script06.js

window.onload = initAll;

function initAll(){
	document.getElementById("redirect").onclick = initRedirect;
}

function initRedirect(){
	window.location="welcome5.html";
	return false;
}


运行结果


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的示例,实现了网站登录页面,包括Email和密码的输入框以及一个登录按钮。当用户点击登录按钮时,会触发一个JavaScript函数,该函数会验证用户输入的Email和密码是否为空,以及Email格式是否正确。如果有任何错误,将会弹出一个提示框,告诉用户需要进行修正。 ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Login Page</title> <script> function login() { var email = document.getElementById("email").value; var password = document.getElementById("password").value; if (email.trim() === "" || password.trim() === "") { alert("Email and password are required"); return false; } if (!isValidEmail(email)) { alert("Invalid email format"); return false; } return true; } function isValidEmail(email) { var regex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; return regex.test(email); } </script> </head> <body> <h1>Welcome to Our Website</h1> <form onsubmit="return login()"> <label for="email">Email:</label> <input type="email" id="email" name="email"><br><br> <label for="password">Password:</label> <input type="password" id="password" name="password"><br><br> <input type="submit" value="Login"> </form> </body> </html> ``` 在这个例子中,我们使用了一个`login()`函数,在表单的`onsubmit`事件中调用该函数。该函数首先获取用户输入的Email和密码,然后检查它们是否为空。如果为空,将会弹出一个提示框。接下来,它会调用`isValidEmail()`函数,该函数使用正则表达式验证Email格式是否正确。如果Email格式不正确,将会弹出另一个提示框。 如果所有的验证都通过了,`login()`函数将会返回`true`,表单将会被提交。否则,表单不会被提交。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值