doudou3213 2013-03-03 06:20
浏览 14
已采纳

javascript显示不同的错误消息[关闭]

I have two page (page1.php and page2.php) that need to put the javascript coding. On the page1.php, there have two images link to page2.php.

This is the code for page1.php:

<a href="page2.php"><img src="btn1.png" id="img1"></a>
<a href="page2.php"><img src="btn2.png" id="img2"></a>

This is code for page2.php:

<input id="t_c" type="checkbox" name="t_c" value="1"/>
<input type="image" value="continue" src="images/btn_cont.png"/>

If user click image1, it will go to page2.php. then if user didn't click the checkbox, there will display the error message.

If user click image2, it will go to page2.php. then if user didn't click the checkbox, there will display different error message.

  • 写回答

2条回答 默认 最新

  • douying7289 2013-03-03 06:38
    关注

    Input type image is a submit button.

    If page 2 is a php page, the best solution is - as mentioned by jeff9888 to select the message to show on the server. If you must use JavaScript, pass the parm in the query string, it will show in location.search on pages 2

    Page 1

    <a href="page2.php?parm=img1"><img src="btn1.png" id="img1"></a>
<a href="page2.php?parm=img2"><img src="btn2.png" id="img2"></a>

    Page2:

    <hmtl>
<head>
<title>Page 2</title>
<script>
window.onload=function() {
  document.getElementById("form1").onsubmit=function() {
    if (!this.elements["t_c"].checked) { // note the "this" keyword
      if (location.search.indexOf("img1")!=-1) { // ?id=img1
        alert("Please check the checkbox for image 1");
      }
      else  {
        alert("Please check the checkbox for image 2");
      }
      return false; // cancel submit
    }
    return true; // allow submit
  }
}
</script>
</head>
<body>
<form id="form1">
  <input id="t_c" type="checkbox" name="t_c" value="1"/>
  <input type="image" value="continue" src="images/btn_cont.png"/>
</form>
</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • 前端错误监控：如何用 Sentry 捕获 JavaScript 异常并定位源头？
    2025-09-06 10:42
    degree520的博客 摘要： 本文介绍了如何使用Sentry实现前端错误监控，解决线上环境偶发错误难复现、压缩代码难定位等问题。Sentry支持自动捕获JS异常、SourceMap还原源码、用户行为追踪及告警功能。接入步骤包括安装SDK、初始化配置...
  • 前端必知必会-JavaScript 常见错误
    2024-12-02 09:00
    编程岁月的博客 对象中的尾随逗号和数组定义在 ...您可以通过测试类型是否未定义来测试对象是否存在：但是您无法测试对象是否为空，因为如果对象未定义，这将引发错误：要解决这个问题，您必须测试对象是否不为空，并且不为未定义。
  • 浅谈javascript错误处理
    2020-10-16 14:05
    首先，JavaScript错误可以分为多种类型。最基础的是语法错误（SyntaxError），这是由于代码不符合JavaScript语法规则而引发的，例如拼写错误、遗漏的括号或分号等。运行时错误（TypeError）则是因为尝试对非预期类型...
  • 在线编辑onlyOffice前端引入js包
    2023-09-20 17:08
    最后，错误处理和兼容性：确保考虑到可能出现的错误情况，并对不同浏览器的兼容性进行测试。onlyOffice可能需要特定版本的JavaScript运行环境，因此请确保用户的浏览器支持。 总结，将onlyOffice集成到前端项目中...
  • 2024前端JavaScript最全面面试题汇总
    2024-05-22 09:18
    江湖二哥的博客 2024前端JavaScript最全面面试题汇总包括基础，高级，Ajax，ES6方面
  • 前端领域前端框架的消息通知组件
    2025-05-10 23:28
    AI实战架构笔记的博客 消息通知组件的范围涵盖了各种类型的消息展示，包括成功消息、错误消息、警告消息和普通提示消息等。其设计的好坏直接影响到用户体验，一个优秀的消息通知组件能够让用户及时、清晰地获取到关键信息，而不会干扰用户...
  • Web前端：JavaScript最强总结 附详细代码 （带常用案例！）_javascript在前端的应用
    2024-06-17 02:47
    2401_84617080的博客 confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框 prompt() 显示可提示用户输入的对话框 open() 设置或返回窗口的名称 close() 打开一个新的浏览器窗口或查找一个已命名的窗口 setTimeout() 关闭浏览器...
  • “前端实现登录注册框手机号验证码校验功能”
    2025-07-29 13:05
    只有当手机号和验证码都通过校验后，才会显示这个弹出层。 校验功能由 validate() 函数实现，用于检查手机号码和验证码的合法性。手机号码的校验使用了一个正则表达式，该正则表达式可以匹配中国大陆的手机号码，...
  • 高级编程JavaScript。js实现 Notifications 浏览器消息通知
    2024-01-15 20:05
    蓝斑.json的博客 Notifications 用户授权显示通知是通过浏览器内部的一个对话框完成的。向用户请求通知权限。...Progressive Web Application） 通过触发通知可以在页面不活跃时向用户显示消息，看起来就像原生应用。
  • 前端错误日志收集
    2021-12-31 17:11
    初识不知君的博客 前端错误日志收集 1、采集内容 用户信息：当前状态、权限 等 行为信息：界面路径、执行的操作 等 异常信息：错误栈、错误描述、配置的信息 等 环境信息：设备型号、标识、操作系统 等 字段 类型 描述 time...
  • 没有解决我的问题, 去提问