Php IE兼容的DIV表单提交按钮?
我的表单在除IE8和更低版本之外的所有浏览器中都能正常工作。这太令人沮丧了,我不知道最好的解决方法是什么Php IE兼容的DIV表单提交按钮?,php,javascript,html,internet-explorer,Php,Javascript,Html,Internet Explorer,我的表单在除IE8和更低版本之外的所有浏览器中都能正常工作。这太令人沮丧了,我不知道最好的解决方法是什么 <div class="nextbutton" onclick="checkstep();">Okay, All Done Here »</div> 好的,全部完成»; 为什么这没什么用?这是下面的JS。这就像点击按钮时完全没有任何作用。它甚至不承认它被按下了。你认为问题出在上面的按钮代码上吗?任何帮助都将不胜感激 function
<div class="nextbutton" onclick="checkstep();">Okay, All Done Here »</div>
好的,全部完成»;
为什么这没什么用?这是下面的JS。这就像点击按钮时完全没有任何作用。它甚至不承认它被按下了。你认为问题出在上面的按钮代码上吗?任何帮助都将不胜感激
function setgender(genderval) {
document.getElementById('male').checked = false;
document.getElementById('female').checked = false;
document.getElementById('notsay').checked = false;
document.getElementById(genderval).checked = true;
document.getElementById('genderS').value = genderval;
}
function checkstep() {
document.getElementById('resultstep').innerHTML = "";
var step1doc = document.step1;
var jobtitle = step1.jobtitle.value;
var companyname = step1.companyname.value;
var nearestcity = step1.nearestcity.value;
var industry = step1.industry.value;
var country = step1.country.value;
var brief = step1.brief.value;
var month = step1.month.value;
var day = step1.day.value;
var birthyear = step1.birthyear.value;
var gender = document.getElementById('genderS').value;
var error = '0';
var e_jobtitle = '0';
var e_companyname = '0';
var e_nearestcity = '0';
var e_industry = '0';
var e_country = '0';
var e_brief = '0';
var e_month = '0';
var e_day = '0';
var e_birthyear = '0';
var e_gender = '0';
if ( jobtitle == '' ) { e_jobtitle = '1'; error = '1'; } else { e_jobtitle = '0'; }
if ( companyname == '' ) { e_companyname = '1'; error = '1'; } else { e_companyname = '0'; }
if ( nearestcity == '' ) { e_nearestcity = '1'; error = '1'; } else { e_nearestcity = '0'; }
if ( industry == '0' ) { e_industry = '1'; error = '1'; } else { e_industry = '0'; }
if ( country == '0' ) { e_country = '1'; error = '1'; } else { e_country = '0'; }
if ( brief == '' ) { e_brief = '1'; error = '1'; } else { e_brief = '0'; }
if ( month == '0' ) { e_month = '1'; error = '1'; } else { e_month = '0'; }
if ( day == '0' ) { e_day = '1'; error = '1'; } else { e_day = '0'; }
if ( birthyear == '0' ) { e_birthyear = '1'; error = '1'; } else { e_birthyear = '0'; }
if ( gender == '0' ) { e_gender = '1'; error = '1'; } else { e_gender = '0'; }
var setname = '';
if ( e_jobtitle == '1' ) {
setname = "Your Job Title";
document.getElementById('resultstep').innerHTML += "Please fill in <font color=red>"+setname+"</font><br>";
} else {}
if ( e_companyname == '1' ) {
setname = "Company Name";
document.getElementById('resultstep').innerHTML += "Please fill in <font color=red>"+setname+"</font><br>";
} else {}
if ( e_nearestcity == '1' ) {
setname = "Your Nearest City";
document.getElementById('resultstep').innerHTML += "Please fill in <font color=red>"+setname+"</font><br>";
} else {}
if ( e_industry == '1' ) {
setname = "Industry";
document.getElementById('resultstep').innerHTML += "You must set your <font color=red>"+setname+"</font><br>";
} else {}
if ( e_country == '1' ) {
setname = "Country";
document.getElementById('resultstep').innerHTML += "You must set your <font color=red>"+setname+"</font><br>";
} else {}
if ( e_brief == '1' ) {
setname = "Brief";
document.getElementById('resultstep').innerHTML += "You must set a <font color=red>"+setname+"</font><br>";
} else {}
if ( e_gender == '1' ) {
setname = "Gender";
document.getElementById('resultstep').innerHTML += "You must choose <font color=red>"+setname+"</font><br>";
} else {}
if ( ( e_month == '1' ) || ( e_day == '1' ) || ( e_birthyear == '1' ) ) {
setname = "Birth Day";
document.getElementById('resultstep').innerHTML += "You must set your <font color=red>"+setname+"</font><br>";
} else {}
if ( error == '0' ) {
document.getElementById('full_content').style.display = "none";
document.getElementById('loading_content').style.display = "";
setTimeout(getstep2, 2000);
} else {
document.getElementById('resultstep').innerHTML += "<br><br>";
}
}
function getstep2() {
var updateStep1AR; // The variable that makes Ajax possible!
try{
// Opera 8.0+, Firefox, Safari
updateStep1AR = new XMLHttpRequest();
} catch (e){
// Internet Explorer Browsers
try{
updateStep1AR = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try{
updateStep1AR = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
// Something went wrong
alert("Your browser broke!");
return false;
}
}
}
// Create a function that will receive data sent from the server
updateStep1AR.onreadystatechange = function(){
if(updateStep1AR.readyState == 4){
var updrez = updateStep1AR.responseText;
}
}
var upd_jobtitle = step1.jobtitle.value.replace(/&/g, "222111");
var upd_companyname = step1.companyname.value.replace(/&/g, "222111");
var upd_nearestcity = step1.nearestcity.value.replace(/&/g, "222111");
var upd_industry = step1.industry.value;
var upd_country = step1.country.value;
var upd_brief = step1.brief.value.replace(/&/g, "222111");
var upd_genderS = step1.genderS.value;
var upd_month = step1.month.value;
var upd_day = step1.day.value;
var upd_birthyear = step1.birthyear.value;
var queryString = "jobtitle="+upd_jobtitle+"&companyname="+upd_companyname+"&nearestcity="+upd_nearestcity+"&industry="+upd_industry+"&country="+upd_country+"&brief="+upd_brief+"&genderS="+upd_genderS+"&month="+upd_month+"&day="+upd_day+"&year="+upd_birthyear;
updnocache = Math.random();
updateStep1AR.open("GET", "/ajax/update_profile.php?" + queryString + "&nocache=" + updnocache, true);
updateStep1AR.send(null);
document.getElementById('full_content').innerHTML = document.getElementById('step2page').innerHTML;
document.getElementById('step2page').innerHTML = '';
document.getElementById('full_content').style.display = '';
document.getElementById('loading_content').style.display = "none";
函数设置性别(genderval){
document.getElementById('male')。选中=false;
document.getElementById('female')。checked=false;
document.getElementById('notsay')。checked=false;
document.getElementById(genderval).checked=true;
document.getElementById('genderS')。value=genderval;
}
函数checkstep(){
document.getElementById('resultstep')。innerHTML=“”;
var step1doc=document.step1;
var jobtitle=step1.jobtitle.value;
var companyname=step1.companyname.value;
var nearestcity=step1.nearestcity.value;
var industry=step1.industry.value;
var国家=步骤1.country.value;
var-brief=step1.brief.value;
var月=step1.MOUNT.value;
var day=step1.day.value;
var birthyear=step1.birthyear.value;
var gender=document.getElementById('genderS').value;
var错误='0';
var e_jobtitle='0';
var e_companyname='0';
var e_nearestcity='0';
var e_industry='0';
变量e_country='0';
var e_-brief='0';
变量e_月='0';
var e_day='0';
var e_生日='0';
变量e_性别='0';
if(jobtitle=''){e_jobtitle='1';error='1';}else{e_jobtitle='0';}
if(companyname=''){e_companyname='1';error='1';}else{e_companyname='0';}
if(nearestcity=''){e_nearestcity='1';error='1';}else{e_nearestcity='0';}
if(industry='0'){e_industry='1';error='1';}else{e_industry='0';}
如果(country='0'){e_country='1';error='1';}其他{e_country='0';}
如果(简短=“”){e_简短='1';错误='1';}否则{e_简短='0';}
if(month='0'){e_month='1';error='1';}else{e_month='0';}
if(day='0'){e_day='1';error='1';}else{e_day='0';}
if(birthyear='0'){e_birthyear='1';error='1';}else{e_birthyear='0';}
如果(性别='0'){e_性别='1';错误='1';}其他{e_性别='0';}
var setname='';
如果(e_jobtitle='1'){
setname=“您的职务”;
document.getElementById('resultstep')。innerHTML+=“请填写“+setname+”
”;
}else{}
如果(e_companyname=='1'){
setname=“公司名称”;
document.getElementById('resultstep')。innerHTML+=“请填写“+setname+”
”;
}else{}
如果(e_nearestcity=='1'){
setname=“您最近的城市”;
document.getElementById('resultstep')。innerHTML+=“请填写“+setname+”
”;
}else{}
如果(e_行业=='1'){
setname=“工业”;
document.getElementById('resultstep')。innerHTML+=“您必须设置“+setname+”
”;
}else{}
如果(欧盟国家=='1'){
setname=“国家”;
document.getElementById('resultstep')。innerHTML+=“您必须设置“+setname+”
”;
}else{}
如果(e_-brief=='1'){
setname=“简短”;
document.getElementById('resultstep')。innerHTML+=“必须设置“+setname+”
”;
}else{}
如果(e_性别='1'){
setname=“性别”;
document.getElementById('resultstep')。innerHTML+=“您必须选择“+setname+”
”;
}else{}
如果((e_月='1')| |(e_日='1')| |(e_生日='1')){
setname=“出生日”;
document.getElementById('resultstep')。innerHTML+=“您必须设置“+setname+”
”;
}else{}
如果(错误=='0'){
document.getElementById('full_content').style.display=“无”;
document.getElementById('loading_content').style.display=“”;
设置超时(GetStep2000);
}否则{
document.getElementById('resultstep')。innerHTML+=“
”;
}
}
函数getstep2(){
var updateStep1AR;//使Ajax成为可能的变量!
试一试{
//Opera 8.0+、Firefox、Safari
updatestP1ar=新的XMLHttpRequest();
}捕获(e){
//Internet Explorer浏览器
试一试{
updateStep1AR=newactivexobject(“Msxml2.XMLHTTP”);
}捕获(e){
试一试{
updateStep1AR=新的ActiveXObject(“Microsoft.XMLHTTP”);
}捕获(e){
//出了点问题
警告(“你的浏览器坏了!”);
返回false;
}
}
}
//创建一个函数,该函数将接收从服务器发送的数据
updateStep1AR.onreadystatechange=函数(){
if(updateStep1AR.readyState==4){
var updrez=updateStep1AR.responseText;
}
}
var upd_jobtitle=step1.jobtitle.value.replace(/&/g,“222111”);
var upd_companyname=step1.companyname.value.replace(/&/g,“222111”);
var upd_nearestcity=step1.nearestcity.value.replace(/&/g,“222111”);
var upd_industry=步骤1.industry.value;
var upd_country=step1.country.value;
var upd_brief=step1.brief.value.replace(/&/g,“222111”);
var upd_genderS=step1.genderS.value;
var upd_month=step1.month.value;
var upd_day=step1.day.value;
var upd_birthyear=step1.birthyear.value;
var queryString=“jobtitle=”+upd_jobtitle+”&companyname=“+upd_companyname+”&nearestcity=“+upd_nearestcity+”&industry=“+upd_industry+”&country=“+upd_country+”&brief=“+upd_-brief+”&genderS=“+upd_-genderS+”&month=“+upd_-month+”&day=“+upd_-day+”&year=“+upd_-birth;
updnocache=Math.random();
updateStep1AR.open(“GET”,“/ajax/update_profile.php?”+queryString+”&nocache=“+updnocache,true);
updatest1ar.send(空);
document.getElementById('full_content').innerHTML=document.getElementById('step2page').innerHTML;
document.getElementById('step2page')。innerHTML='';
document.getElementById('full_content')。style.display='';
document.getElementById(“加载内容”).style.display=“无”;
您随时可以在jQuery中执行此操作?它是为交叉浏览而设计的
<a href="javascript:checkstep()">Okay, All Done Here</a>
<div id="nextStepButton">Okay, All Done Here</div>
$('#nextStepButton').click(function(){
checkstep();
});