onClick() 函数无法触发 javascript 代码

Question

我有个小问题。我试图向我的提交按钮添加一个 onClick 功能，但我的 JavaScript 没有运行。我不知道错误在哪里:( 当我将代码放入 onClick 属性时，警报对话框工作正常。

<head>
    <script type="text/javascript">
        fuction login() {
            alert('hello');
        }
    </script>
</head>

<body>
    <form action="javascript:void(0);" method="">
        <fieldset class="clearfix">
            <p><span class="fontawesome-user"></span><input type="text" value="إسم المستخدم أو الأيميل" name="username" onBlur="if(this.value == '') this.value = 'إسم المستخدم أو الأيميل'" onFocus="if(this.value == 'إسم المستخدم أو الأيميل') this.value = ''" required/></p>
            <!-- JS because of IE support; better: placeholder="Username" -->

            <p><span class="fontawesome-lock"></span><input type="password" value="كلمة السر" name="psw" onBlur="if(this.value == '') this.value = 'كلمة السر'" onFocus="if(this.value == 'كلمة السر') this.value = ''" required/> </p>
            <!-- JS because of IE support; better: placeholder="Password" -->

            <p><input type="submit" value="Login" onClick="login();" /></p>
        </fieldset>
    </form>
</body>

Answer 1

问题：您在顶部的脚本中拼错了 function：

<script type="text/javascript">
  function login() {            // this line is where the change is
    alert('hello');
  }
</script>

建议：这就是为什么使用代码编辑器非常有用的原因。语法荧光笔将显示 fuction 不是可识别的词，它会以不同的颜色显示。查看 atom 以获得优秀的免费版本。

Answer 2

我看你把上面的“function”做了一个简单的拼写。

请改成function login(){...

onClick() 函数无法触发 javascript 代码

onClick() function can't trigger javascript code

html

javascript

onclick

intel-xdk