javascript-怎么我的网页的Js不起作用呢?

问题描述

怎么我的网页的Js不起作用呢?

求解! 我的思路:JS检验,然后调用resetpwd,提交aname和apwd。问题:老按提交按钮的图片,无法执行JS。

 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
  <head>
    <title>密码重置</title>
    <%-- <script language="JavaScript" src="../script/trim.js"></script> --%>
    <script language="JavaScript">
      function check()
      {
        var f=document.mf1; //获取name=mf1的form对象
        if(f.aname.value==''){
            alert("管理员名称不能为空!!!");
            return false;
        }
        if(f.password.value==''){
            alert("密码不能为空!!!");
            return false;
        }
        if(f.password.value!=f.password.value){
            alert("两次密码输入不一致!!!");
            return false;
        }
        //测试
        alert(f.aname.value+'n'+f.password.value+'n'+f.password.value);

        f.submit();
      }
    </script>
  </head>
  <body bgcolor="#EBF5FD">
    <s:action name="browseAdmininfos" executeResult="true"></s:action><!-- //获取全部用户信息 -->
    <table width="100%" height="44" bgcolor="#206AB3">
      <tr align="center"><td>
        <font color="#FFFFFF" size="5">管理员管理</font>
        <font color="#FFFFFF" size="2">--密码重置</font>
      </td></tr>
    </table>
    <table>
      <tr>
      <td>
        <a href="javascript:history.back()">
            <img border="0" src="../img/back.jpg"/>
        </a>
      </td></tr>
    </table>
    <hr color="black" size="1"/>
    <form action="resetpwd" method="post" id="mf" name="mf1">
    <table width="80%" border="0" cellspacing="1" bgcolor="black" align="center">
      <tr bgcolor="white">
        <td align="center">管理员名称:</td>
        <td>
          <select name="aname" id="aname">
            <s:iterator value="#request['admininfos']" id="admininfos" status="iteratorStatus">
                <option value="<s:property value="#admininfos.aname" />">
                    <s:property value="#admininfos.aname" />
                </option><!-- 显示管理员名称 -->
            </s:iterator>
          </select>
        </td>
      </tr>
      <tr bgcolor="white">
        <td align="center">新&nbsp;密&nbsp;码:</td>
        <td><input type="password" name="apwd" id="apwd"/></td>
      </tr>
      <tr bgcolor="white">
        <td align="center">确认密码:</td>
        <td><input type="password" name="fpwd" id="fpwd"/></td>
      </tr>
    </table>
    <table align="center">
      <tr>
        <td><img border="0" src="../img/xg.gif" id="xg"
              onclick="JavaScript:check()"
              style="cursor:hand"
              onmouseover="document.all.xg.src='../img/xga.gif'"
              onmouseout="document.all.xg.src='../img/xg.gif'"
              onmouseup="document.all.xg.src='../img/xga.gif'"
              onmousedown="document.all.xg.src='../img/xgb.gif'"/>
        </td><!-- 提交按钮-->
        <td><img border="0" src="../img/cze.gif" id="cz"
              onclick="JavaScript:document.all.mf.reset()"
              style="cursor:hand"
              onmouseover="document.all.cz.src='../img/czd.gif'"
              onmouseout="document.all.cz.src='../img/cze.gif'"
              onmouseup="document.all.cz.src='../img/czd.gif'"
              onmousedown="document.all.cz.src='../img/czc.gif'"/>
        </td><!-- 重置按钮-->
      </tr>
    </table>
    </form>
  </body>
</html>

解决方案

你控件的name都错了。。而且document.all只有ie支持。。改用document.getElementById

        function check() {
            var f = document.mf1; //获取name=mf1的form对象
            if (f.aname.value == '') {
                alert("管理员名称不能为空!!!");
                return false;
            }
            if (f.apwd.value == '') {
            //if (f.password.value == '') {
                alert("密码不能为空!!!");
                return false;
            }
            if(f.apwd.value!=f.fpwd.value){
            //if (f.password.value != f.password.value) {
                alert("两次密码输入不一致!!!");
                return false;
            }
            //测试
            alert(f.aname.value + 'n' + f.apwd.value + 'n' + f.fpwd.value);

            f.submit();
        }

解决方案二:

 if(f.password.value==''){
            alert("密码不能为空!!!");
            return false;
        }
        if(f.password.value!=f.password.value){
            alert("两次密码输入不一致!!!");
            return false;
        }

这里出错!f.password.value 换成 f.aname.value 和f.apwd.value

时间: 2016-10-04

javascript-怎么我的网页的Js不起作用呢?的相关文章

Javascript脚本实现静态网页加密

javascript|加密|脚本|静态|网页 前两天看见有人问静态网页加密问题,就写了这个代码 思路: 加密时:先把用户的密钥A用md5加密为B,然后用B异或源文件S0得到目标文件S1,把S1存入js变量中. 解密时:询问密钥,然后操作同加密. 因为用了md5,个人认为没有密钥的时候是无法破解的(暴力除外) 大家试用一下哈哈: 源代码如下: <html><head><title>Web Encoder</title><style>body { f

JavaScript应用实例:网页折叠菜单

javascript|菜单|网页|应用实例 js库出自:http://moofx.mad4milk.net/(Moofx 超轻量级javascrip效果类库) 先点击这里看下效果吧 用法: 1.添加JS库 CODE:<script src="prototype.lite.js" type="text/javascript"></script><script src="moo.fx.js" type="tex

倒记时60刷新网页的js代码

 这篇文章主要介绍了倒记时60刷新网页的js代码,需要的朋友可以参考下  代码如下: <html xmlns="http://www.w3.org/1999/xhtml">    <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  <title>60刷新本页</title>  &l

Javascript脚本实现静态网页加密实例代码_javascript技巧

Javascript脚本实现静态网页加密,阅读Javascript脚本实现静态网页加密,前两天看见有人问静态网页加密问题,就写了这个代码思路:加密时:先把用户的密钥A用md5加密为B,然后用B异或源文件S0得到目标文件S1,把S1存入js变量中.解密时:询问密钥,然后操作同加密 前两天看见有人问静态网页加密问题,就写了这个代码 思路: 加密时:先把用户的密钥A用md5加密为B,然后用B异或源文件S0得到目标文件S1,把S1存入js变量中. 解密时:询问密钥,然后操作同加密. 因为用了md5,个人

javascript-安卓webview向网页注入js

问题描述 安卓webview向网页注入js 用webview加载了某个网页,怎么样往里面注入JS来改变这个页面的背景或者隐藏一个div. 这是我搜索到的,我试了之后是无效的 解决方案 你最好将js方法在html里写好,然后直接调用方法. function changeBackGround(){ document.body.style.backgroundColor='#ff0000'; } 例如这是html中的js方法.在安卓中: String url = "javascript:changeB

JavaScript脚本语言在网页中的简单应用_基础知识

一.JavaScript脚本语言的特性  JavaScript脚本语言是一种面向浏览器的网页脚本编程语言.脚本语言有以下几个特性:  1.在客户端执行.完全在用户的计算机上运行,无须经过服务器.  2.面向对象.具有内置对象,也可以直接操作浏览器对象.  3.动态变化.可以对用户的输入作出反应,也可以直接对用户输出.  4.简单易用.JavaScript脚本语言虽然简单,但初学者也能快速掌握.  5.只能与HTML语言一起使用.要通过浏览器解释执行. 二.如何在HTML中加入JavaScript

网页延迟加载js文件的方法实例

网页延迟加载js文件的3个方法 1.延迟加载JS代码 代码如下: <script type="text/javascript" src="" id="my"></script> <script type="text/javascript"> setTimeout("document.getElementById('my').src='http://www.geilijz.com 

网页中JS函数自动执行常用三种方法_javascript技巧

本文为大家分享了在网页中JS函数自动执行常用方法,供大家参考,具体内容如下 一.JS方法 1.最简单的调用方式,直接写到html的body标签里面: <body onload="myfunction()"> <html> <body onload="func1();func2();func3();"> </body> </html> 2.在JS语句调用: <script type="text

JavaScript实现拖拽网页内元素的方法_javascript技巧

本文实例讲述了JavaScript实现拖拽网页内元素的方法.分享给大家供大家参考.具体如下: 这段代码详细讲述了JS拖拽的原理和方法,值得学习和借鉴. /** * 跨平台的事件监听函数 * @param {Node} node 需要监听事件的DOM节点 * @param {String} eventType 需要监听的事件类型 * @param {Function} callback 事件监听回调函数 * @type Function 返回值为函数类型 * @return 返回监听回调函数的引用