Although I've not tested this.. Your ajax php page should query the database for the supplied email address and return json_encode(true) if the email address is already used and return json_encode(false) if not.
Your form will use the following (untested) jQuery:-
$(document).ready(function(){
//default form not submitted
$("#submit-button").data("submitted",false);
//prevent enter key in input field from submitting form
$("#your-form").on("submit",function(e){
if($("#submit-button").data("submitted")===false) {
e.preventDefault();
}
});
//trigger form submission
$("#submit-button").on("click",function(){
checkEmail();
});
});
function checkEmail()
{
$.ajax({
type : "GET",
url: '/path/to/your/ajax/checkemail.php',
dataType: "json",
data: ({
email: $("#email").val()
}),
success: function(emailExists)
{
if(emailExists) {
alert("email already exists");
} else {
$("#submit-button").data("submitted",true);
$("#your-form").submit();
}
}
});
}
My example shows three css ids: your-form for the <form id= tag, submit-button for the <input type="submit... tag and email for your user's email input field. You will need to substitute your own.
First thing to do is create and test your ajax page without using JavaScript - simply call the page as previously mentioned and output the word true or false.
You work at it. Although icons didn't display in IE... the actual app you have doesn't do anything in Chrome or FireFox. Did you write the code? Do you have a proof-of-concept that draws on the canvas?
Expanding on what TonyG says... it's a matter of preference whether you use single or double but just like HTML tags they should be correctly wrapped. I personally prefer single quotes and string concatenation. I try not to echo HTML by using the PHP alternative syntax, which keeps my editor's syntax highlighting happy also.
Like Squidge said. You are already accessing the database to display product information, so it shouldn't be difficult to add another column to contain productTitle information and inject it into the <title> tag.
I've found the problem. I'm constantly learning too. You will be able to see the result in your browser by "view page source" Firefox displays the code fragment to the page, Chrome (and presumably other browsers) don't.
$(document).ready(function(){
var array = ["foo","fool","cool","god",'searchstring'];
var src_keyword="";
$("#search_str").click(function(){
src_keyword=$("#str_search").val();
result = find(array,src_keyword);
console.log(result);
});
});
function find(arr,src_keyword1) {
var result = [];
// alert(src_keyword1);
//src_keyword1="oo";
for (var i in arr) {
var search = new RegExp(src_keyword1, "gi");
if (arr[i].match(search)) {
result.push(arr[i]);
}
}
return result;
}
This is for a collage assignment and we are not allowed to use jquery...They are only interested in the students using the tools they cover in the course.
But you are using JavaScript. jQuery is simply a user defined JavaScript function. :)
