Javascript表单验证在IE-7,8浏览器中不起作用

Question

我有一个显示汽车比较的网站，我正在做一个表单验证使用javascript，但验证工作正常在Mozila firefox，chrome浏览器，但在IE-7,8它不工作。

代码如下：- JS代码：-

function chk(){
var b1=document.getElementById("txtbrand1").value;
var m1=document.getElementById("txtmodel1").value;
var v1=document.getElementById("txtvariant1").value;
var b2=document.getElementById("txtbrand2").value;
var m2=document.getElementById("txtmodel2").value;
var v2=document.getElementById("txtvariant2").value;


if(b1=='')
{
      document.getElementById('brand1_err').style.display = 'block';
      return false;
}else if(m1=='Car Model'){
    //alert('Please select car 1 model.');
    document.getElementById('model1_err').style.display = 'block';
    return false;
}else if(v1=='Car Variant'){
    //alert('Please select car 1 variant.');
    document.getElementById('variant1_err').style.display = 'block';
    return false;
}else if(b2==''){
    //alert('Please select car 2 brand.');
    document.getElementById('brand2_err').style.display = 'block';
    return false;
}else if(m2=='Car Model'){
    //alert('Please select car 2 model.');
    document.getElementById('model2_err').style.display = 'block';
    return false;
}else if(v2=='Car Variant'){
    //alert('Please select car 2 variant.');
    document.getElementById('variant2_err').style.display = 'block';
    return false;
}else if(b1==b2 && m1==m2 && v1==v2){
    //alert('Please select two different cars.');
    document.getElementById('samecar_err').style.display = 'block';
    return false;
}else{
return true;
}

}

表格代码：-

<form action="admin/pdf/create_result.php" method="post" name="frmcompare" id="frmcompare" onsubmit="return chk();">

表单包含6个字段Car-Name-1、Car-Brand-1、Car-varient-1、Car-Name-2、Car-Brand-2、Car-varient-2。

如果你有任何解决方案，请提前与me.thanks分享。

Answer 1

尝试签入按钮的onclick，而不是窗体的onsubmit。像这样的东西

<form action="admin/pdf/create_result.php" method="post" name="frmcompare" id="frmcompare">
  ...
  ...
  <input type="button" name="Compare" value="Compare" onclick="chk();">
</form>
<script>
  function chk(){
    ...
    ...
    document.getElementById("frmcompare").submit();
  }
</script>

如果您更愿意在表单的onsubmit中执行此操作，则必须正确地取消该事件，并支持所有浏览器。尝试将chk()函数中的所有行return false;替换为以下内容：

if(event.preventDefault){
    event.preventDefault();
}else{
   event.returnValue = false;
}
return false;

或者，您可以将此代码放在另一个函数中，假设是CancelSubmit()，并将所有这些return false;行更改为return CancelSubmit();。

Answer 2

使用长度属性而不是if(b1=='')

if(b1.length===0)

我认为它总是进入第一个，而其他验证在IE中是不起作用的。