我正在使用带有ajax的jquery。有时,给出错误$
未定义。
这是我的代码:
<script language="javascript" type="text/javascript">
var base_path="<? echo $this->baseUrl().'/'; ?>";
function checkemail()
{
var email=document.getElementById('comp_email').value;
//alert(email);
if(email!='')
{
$.ajax({
url: base_path + "admin/jobs/emailcheck/",
data: "email="+email,
type: 'GET',
success: function (resp)
{
//alert(resp);
$("#valid_email").html(resp);
//alert($("#valid_email table tr td").text());
if($("#valid_email table tr td").text()=='This firm is not exist in database. Firstly register this firm.')
{
//alert('ok');
$.ajax({
url: base_path + "admin/profile/firmadd/",
data:"flag=jobsController",
type: 'POST',
success: function (resp)
{
document.getElementById('firm_add_form').style.display='';
//alert(resp);
$("#firm_add_form").html(resp);
document.getElementById('register_typ').focus();
return false;
},
error: function(e){ alert('Error: '+e); }
});
}
else
{
document.getElementById('firm_add_form').style.display='none';
document.getElementById('valid_email').style.display='none';
var comp_name = resp.substring(0,resp.indexOf(',',0));
var comp_web = resp.substring(resp.indexOf(',',0)+1);
document.getElementById('comp_name').value = comp_name;
document.getElementById('comp_web').value = comp_web;
return true;
}
},
error: function(xhr ,e){
alert(xhr.readyState);
alert('Error: '+e); }
});
}
}
</script>
此函数在文本框中的onblur
上调用,在提交按钮上的onclick
以相同形式调用。
但是,当我在onblur
上调用它时,它工作正常,但是当我在onclick
上调用它时,它给出了错误$ is not defined
。
当我给出alert(email)时,它在提交按钮的onclick
上正常工作。
我的表格如下:
<form id="addfrm" enctype="application/x-www-form-urlencoded" method="post" action=""
name="">
<table align="center" class="tbcss" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td align="right" valign="top" width="15%"><label for="comp_email" class=
"optional">Company Email:</label></td>
<td class="element" width="26%" valign="top"><input type="text" name="comp_email"
id="comp_email" value="" size="35" onblur="return checkemail()"><span id=
"valid_email" align="left" width="55%"></span></td>
<td align="right" valign="top" width="15%"><label for="comp_name" class=
"required">Company Name:</label></td>
<td class="element" width="26%" valign="top"><input type="text" name="comp_name"
id="comp_name" value="" size="35"></td>
</tr>
<tr>
<td id="firm_add_form" colspan="4"></td>
</tr>
<tr>
<td align="right" valign="top" width="15%"><label for="comp_web" class=
"optional">Company Website:</label></td>
<td class="element" width="26%" valign="top"><input type="text" name="comp_web"
id="comp_web" value="" size="35"></td>
<td align="right" valign="top" width="15%"><label for="category" class=
"required">Job Category:</label></td>
<td class="element" width="26%"><select name="category" id="category">
<option value="" label="Select Category">
Select Category
</option>
<option value="Architecture" label="Architecture">
Architecture
</option>
<option value="Manufacturing" label="Manufacturing">
Manufacturing
</option>
<option value="IT" label="IT">
IT
</option>
</select></td>
</tr>
<tr>
<td align="right" valign="top" width="15%"><label for="job_title" class=
"optional">Job Title:</label></td>
<td class="element" width="26%" valign="top"><input type="text" name="job_title"
id="job_title" value="" size="35"></td>
<td align="right" valign="top" width="15%"><label for="contact_prsn" class=
"optional">Contact Person:</label></td>
<td class="element" width="26%" valign="top"><input type="text" name=
"contact_prsn" id="contact_prsn" value="" size="35"></td>
</tr>
<tr>
<td align="right" width="15%"><label for="close_date" class="optional">Closing
Date:</label></td>
<td class="element" width="26%"><select name="close_date" id="close_date">
<option value="" label="Date">
Date
</option>
<option value="1" label="01">
01
</option>
<option value="2" label="02">
02
</option>
<option value="3" label="03">
03
</option>
<option value="4" label="04">
04
</option>
<option value="5" label="05">
05
</option>
<option value="6" label="06">
06
</option>
<option value="7" label="07">
07
</option>
<option value="8" label="08">
08
</option>
<option value="9" label="09">
09
</option>
<option value="10" label="10">
10
</option>
<option value="11" label="11">
11
</option>
<option value="12" label="12">
12
</option>
<option value="13" label="13">
13
</option>
<option value="14" label="14">
14
</option>
<option value="15" label="15">
15
</option>
<option value="16" label="16">
16
</option>
<option value="17" label="17">
17
</option>
<option value="18" label="18">
18
</option>
<option value="19" label="19">
19
</option>
<option value="20" label="20">
20
</option>
<option value="21" label="21">
21
</option>
<option value="22" label="22">
22
</option>
<option value="23" label="23">
23
</option>
<option value="24" label="24">
24
</option>
<option value="25" label="25">
25
</option>
<option value="26" label="26">
26
</option>
<option value="27" label="27">
27
</option>
<option value="28" label="28">
28
</option>
<option value="29" label="29">
29
</option>
<option value="30" label="30">
30
</option>
<option value="31" label="31">
31
</option>
</select> <span class="element"><select name="close_month" id="close_month">
<option value="" label="Month">
Month
</option>
<option value="01" label="Jan">
Jan
</option>
<option value="02" label="Feb">
Feb
</option>
<option value="03" label="Mar">
Mar
</option>
<option value="04" label="Apr">
Apr
</option>
<option value="05" label="May">
May
</option>
<option value="06" label="Jun">
Jun
</option>
<option value="07" label="Jul">
Jul
</option>
<option value="08" label="Aug">
Aug
</option>
<option value="09" label="Spt">
Spt
</option>
<option value="10" label="Oct">
Oct
</option>
<option value="11" label="Nov">
Nov
</option>
<option value="12" label="Dec">
Dec
</option>
</select></span> <span class="element"><select name="close_year" id="close_year">
<option value="" label="Year">
Year
</option>
<option value="2009" label="2009">
2009
</option>
<option value="2010" label="2010">
2010
</option>
<option value="2011" label="2011">
2011
</option>
<option value="2012" label="2012">
2012
</option>
<option value="2013" label="2013">
2013
</option>
<option value="2014" label="2014">
2014
</option>
<option value="2015" label="2015">
2015
</option>
<option value="2016" label="2016">
2016
</option>
<option value="2017" label="2017">
2017
</option>
<option value="2018" label="2018">
2018
</option>
<option value="2019" label="2019">
2019
</option>
<option value="2020" label="2020">
2020
</option>
<option value="2021" label="2021">
2021
</option>
</select></span></td>
<td align="right" valign="top" width="15%"><label for="location" class=
"required">Location:</label></td>
<td class="element" width="26%"><input type="text" name="location" id="location"
value="" size="35"></td>
</tr>
<tr>
<td align="right" valign="top" width="15%"><label for="job_detail" class=
"optional">Job Details:</label></td>
<td class="element" width="26%" valign="top">
<textarea name="job_detail" id="job_detail" cols="30" rows="5">
</textarea></td>
<td align="right" valign="top" width="15%"><label for="notes" class=
"required">Notes:</label></td>
<td class="element" width="26%">
<textarea name="notes" id="notes" cols="30" rows="5">
</textarea></td>
</tr>
<tr>
<td align="right" valign="top" width="15%"><label for="block" class=
"optional">Block:</label></td>
<td class="element" width="26%"><input type="hidden" name="block" value=
"N"><input type="checkbox" name="block" id="block" value="Y"></td>
<td align="right" valign="top" width="15%"><label for="source" class=
"optional">Job Source/Link:</label></td>
<td class="element" width="26%" valign="top"><input type="text" name="source" id=
"source" value=""></td>
</tr>
<tr>
<td align="center" colspan="4"><input type="submit" name="add" id="add" value=
"Add" onclick="return checkemail();"> <button name="back" id="back" type="button"
onclick="window.location='/allindiazend/admin/jobs/list'">Back</button></td>
</tr>
</table>
</form>
任何人都可以帮助我吗?
参考方案
$
由jQuery库定义。因此,大概无法成功在页面上包含该库。
检查您是否有包含<script>
元素且没有404错误的元素。
在页面的前面检查您是否这样做,然后再尝试使用它
检查您是否没有defer
请求脚本
检查浏览器是否在发出请求(在您使用的调试工具(例如Firebug)的“网络”标签中)
有没有一种方法可以使div上的click事件与表单环境中的单选按钮相同?我只希望下面的div提交值,单选按钮很丑代码输出如下:<input id="radio-2011-06-08" value="2011-06-08" type="radio" name="radio_date…
PHP-复选框组 - php我有一个需要发布的表单复选框组。<input type="checkbox" value="true" checked name="chk0[]"> <input type="checkbox" value="false" name=…
jQuery加载传递参数 - php您好,只想问一下使用jquery传递参数的正确方法是什么,我的参数来自html输入,下面是我的代码。function ajax_post(){ var param = document.getElementById('def').value; $('#chatlogs').load('main.php?id=…
jQuery Ajax文件上传在客户端浏览器上无法正常工作 - javascript我正在尝试使用Ajax和JQuery实现个人资料图片上传功能我能够将个人资料图片成功上传到我尝试过的所有机器和移动设备上的数据库中。它适用于我在Chrome,Edge,Firefox,Safari甚至Vivaldi上使用。问题是我住在加拿大的客户无法将他们的个人资料图片上传到数据库。另外,纵向宽高比的图像倾向于向侧面旋转。我一直在要求他重新注册并多次提供…
jQuery如果选中则启用动态输入文本 - php我正在使用PHP生成具有表格的表格,例如:<table class="table table-hover"> <thead> <tr> <th class="table-checkbox"> </th> <th> Description </…