[英]JavaScript function not triggering
我有2个主要函数,除了变量名和它使用的表外,它们几乎完全相同。
我正在使用phonegap,html,javascript,JQuery Mobile。
当出现第一个警报时,将达到eventSoccer函数,但是未存储数据输入,而是仅刷新页面。
函数registerUser可以正常工作,向其显示sql查询,并显示警报“用户已注册”,并且数据在数据库中。
谁能确定为什么eventSoccer函数似乎不起作用? 由于两个功能几乎完美无缺。
eventSoccer-
function eventSoccer() {
alert("eventSoccer hit");
var TitleT = document.getElementById("txttitle").value;
var LocationL = document.getElementById("txtlocation").value;
var PeopleP = document.getElementById("txtpeople").value;
var DateD = document.getElementById("txtdate").value;
var DescriptionD = document.getElementById("txtdesc").value;
db = window.openDatabase("SoccerEarth", "2.0", "SoccerEarthDB", 2 * 1024 * 1024);
db.transaction(function(tx) {
NewSoccer(tx, TitleT, LocationL, PeopleP, DateD, DescriptionD);
}, errorEvent, successEvent);
}
function NewSoccer(tx, TitleT, LocationL, PeopleP, DateD, DescriptionD) {
var _Query = ("INSERT INTO SoccerEvents(Title, Location, NoPeople, Date, Description) values ('" + TitleT + "','" + LocationL + "','" + PeopleP + "','" + DateD + "', '" + DescriptionD + "')");
alert(_Query);
tx.executeSql(_Query);
}
function errorEvent(error) {
navigator.notification.alert(error, null, "Event not created", "cool");
}
function successEvent() {
navigator.notification.alert("The event has now been created", null, "Information", "ok");
}
registerUser-
function registerUser() {
var Username = document.getElementById("txtusername").value;
var Firstname = document.getElementById("txtfirstname").value;
var Lastname = document.getElementById("txtlastname").value;
var Email = document.getElementById("txtemail").value;
var Password = document.getElementById("txtpassword").value;
var Confirmpass = document.getElementById("passwordconfirm").value;
db = window.openDatabase("SoccerEarth", "2.0", "SoccerEarthDB", 2 * 1024 * 1024);
db.transaction(function(tx) {
NewUser(tx, Username, Firstname, Lastname, Email, Password, Confirmpass);
}, errorRegistration, successRegistration);
}
function NewUser(tx, Username, Firstname, Lastname, Email, Password, Confirmpass) {
var _Query = ("INSERT INTO SoccerEarth(UserName, FirstName, LastName, Email, Password, CPass) values ('" + Username + "','" + Firstname + "','" + Lastname + "','" + Email + "', '" + Password + "', '" + Confirmpass + "')");
alert(_Query);
tx.executeSql(_Query);
}
function errorRegistration(error) {
navigator.notification.alert(error, null, "Got an error mate", "cool");
}
function successRegistration() {
navigator.notification.alert("User data has been registered", null, "Information", "ok");
}
HTML-
<div data-role="content">
<br>
<form>
<label for="txttitle">Title</label>
<input type="text" id="txttitle">
<br>
<label for="txtlocation">Location</label>
<input type="text" id="txtlocation">
<br>
<label for="txtpeople">Number Of People</label>
<input type="text" id="txtpeople">
<br>
<label for="txtdate">Date</label>
<input type="text" id="txtdate">
<br>
<label for="textdesc">Description</label>
<textarea name="textarea" id="textdesc"></textarea>
<br>
<input type="submit" value="submit" onclick="return eventSoccer()">
</form>
</div>
我认为它在这里中断:
var DescriptionD = document.getElementById("txtdesc").value;
的document.getElementById( “txtdesc”)= NULL,becase的存在在你的HTML没有'txtdesc'(你有'T E xtdesc')
因此,我们有document.getElementById(“ txtdesc”)。value <=> null .value- 肯定会引发错误,并且会中断正常执行代码的过程。
顺便说一句-我不知道这实际上如何工作:
<input type="submit" value="submit" onclick="return eventSoccer()">
我至少会以这种形式编写它:
<input type="submit" value="submit" onclick="eventSoccer(); return false;">
这样提交单击就不会发送表单? 还是您打算发送表格? 无论如何-这是您的选择。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.