我的Javascript不工作在本地主机XAMPP
My Javascript is not working in localhost XAMPP
我希望有人能帮助我的项目学校。我有一段这样的HTML代码:
<!DOCTYPE html>
<html>
<head>
<title>Tambah Guru</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<script type='text/javascript' src='script.js' charset="utf-8"></script>
</head>
<body>
Email: <input type='text' id='txtemail' />
<input type='submit' value='Simpan' id='validateemail' />
</body>
</html>
然后我的Javascript代码是:
$(document).ready(function(e) {
$('#validateemail').click(function() {
var sEmail = $('#txtemail').val();
if ($.trim(sEmail).length == 0) {
alert('Please enter valid email address');
e.preventDefault();
}
if (validateEmail(sEmail)) {
alert('Email is valid');
} else {
alert('Invalid Email Address');
e.preventDefault();
}
});
});
function validateEmail(sEmail) {
var filter = /^(['w-'.]+)@(('[[0-9]{1,3}'.[0-9]{1,3}'.[0-9]{1,3}'.)|((['w-]+'.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(']?)$/;
if (filter.test(sEmail)) {
return true;
} else {
return false;
}
}
当我运行时,它不起作用。我不知道为什么。有人能帮帮我吗?
您没有像上面的评论那样添加jQuery。把这一行放到html
脚本行上面<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
然后你没有传入要处理的事件对象。在click处理程序中传递事件对象,如下面的代码所示。您正在传递文档中的事件处理程序。准备好了,这不是你需要的。
$(document).ready(function() {
$('#validateemail').click(function(e) {
var sEmail = $('#txtemail').val();
if ($.trim(sEmail).length == 0) {
alert('Please enter valid email address');
e.preventDefault();
}
if (validateEmail(sEmail)) {
alert('Email is valid');
}
else {
alert('Invalid Email Address');
e.preventDefault();
}
});
});
function validateEmail(sEmail) {
var filter = /^(['w-'.]+)@(('[[0-9]{1,3}'.[0-9]{1,3}'.[0-9]{1,3}'.)|((['w-]+'.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(']?)$/;
if (filter.test(sEmail)) {
return true;
}
else {
return false;
}
}
你需要包含jquery.js文件,因为它是一个Javascript库。您可以下载并包含它,也可以在脚本标签中使用此url:-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
这是一个更好的选择,因为它有许多优点,如减少延迟、增加并行性和更好的缓存。
相关文章:
- chrome扩展更改主机/域警告
- 本地主机Typekit JS
- Meteor应用程序无法运行-对象#<编译器>没有方法'主机'
- 如何使用Wordpress'RESTApi访问本地主机上的数据
- 用于本地主机上进程间通信的Javascript中的UDP
- 本地主机与部署的角度承诺差异
- chart.js在我的本地主机上运行良好,但无法在线运行
- 造型:主机的聚合物元素与Javascript
- 指定来自不受信任的主机的脚本的哈希
- 为什么我得到Chrome本机消息“;找不到指定的本机消息传递主机&”;
- Rails引擎:使主机应用程序javascript可用于Mounted Engine
- 是否可以将外部javascript引用从SWF注入到主机页中
- jQuery插件在本地主机上运行良好,但在web服务器上却与bg镜像混淆
- 如何检查是否存在“;没有到主机的路由”;在流式传输视频的过程中一遍又一遍
- 如何让公司内的其他人可以访问本地主机
- 使用 XAMPP 将 CSS 和 Javascript 文件链接到本地主机服务器上的 HTML 文件
- 微型MCE不能在使用XAMPP的本地主机上正确运行
- 我的Javascript不工作在本地主机XAMPP
- AJAX响应200,但没有来自XAMPP本地主机上运行的PHP脚本的JSON响应数据
- 脚本在实际服务器中不起作用,但在本地主机 XAMPP 中工作