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。

如果您有任何解决方案，请与我分享。谢谢。

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中执行此操作，则必须正确取消该事件并支持所有浏览器。尝试使用以下内容替换return false;函数中的所有行chk()：

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中不起作用。

Javascript表单验证无法在IE-7,8浏览器中运行

2 个答案: