初学者Javascript-对象不是函数
嘿,伙计们,我第一次尝试了初学者Javascript-对象不是函数,javascript,Javascript,嘿,伙计们,我第一次尝试了Javascript验证,但很早就被卡住了。我正在从onkeyup=”“调用JS函数,但收到错误: Object is not a function 代码: <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script> <link rel=
Javascrip
t验证,但很早就被卡住了。我正在从onkeyup=”“
调用JS
函数,但收到错误:
Object is not a function
代码:
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<h3> My Sign Up Form</h3>
<form name="signup">
<label>First Name<input type="text" name="fname" onkeyup="fname()"/></label><div id="fnameVal"></div><br>
<label>Last Name<input type="text" name="lastname" onkeyup="fourchars();"/></label><div id="lnameVal"></div><br>
<!--<label>Email<input type="text" name="email"/></label><div id="email"></div><br>
<label>Password<input type="password" name="password"/><div id="password"></div></label><br>
<label>ConfirmPassword<input type="password" name="confirmpassword"/><div id="confirmpassword"></div></label><br>-->
<label><input type="submit" value="Submit"/></label>
</form>
</body>
<script>
function fname(){
alert('jjjj');
}
</script>
</html>
我的报名表
名字
姓氏
函数fname(){
警报(“JJJ”);
}
在此之前,请更换您的onkeyup。我知道这是相同的代码,但有时它的工作,当你中继你的代码相同的代码从其他网站。顺便说一句,如果我的测试是在一个网站上,它的工作很好
onkeyup="fname()"
函数名不能与控件名相同。i、 e.fname和fname()
名字
好的,试试这样的方法。将函数命名为不同于输入名称 e、 g
函数valname(){
警报(“JJJ”);
}
我的报名表
名字
似乎fname
是对表单中元素的引用。尝试更改函数名或元素名
function fnameFunc() {
alert('jjjj');
}
还有HTML
<input type="text" name="fname" onkeyup="fnameFunc()"/>
您可以在keyup上使用jquery
$(document).ready(function() {
$('body').on("keyup", "input[name=fname]", function() {
alert($(this).val());
// do your stuff
});
});
尝试将javascript代码包装到document ready中?您可能会考虑将javascript放在
之前,而不是
之前。可能重复+1,您是对的。但这似乎是一个评论。对你的答案再加一些解释。
<input type="text" name="fname" onkeyup="fnameFunc()"/>
$(document).ready(function() {
$('body').on("keyup", "input[name=fname]", function() {
alert($(this).val());
// do your stuff
});
});