联系表单上的Javascript提交按钮

时间:2011-12-16 23:39:53

标签: javascript-events javascript

<p><script type="text/javascript">// <![CDATA[
span data-mce-type="bookmark" id="mce_0_start" data-mce-style="overflow:hidden;line height:0px" style="overflow:hidden;line-height:0px"></span>// <![CDATA[
function validate(){ var x=document.forms["contactform"]["FirstName"].value; if (x==null || x == '') { alert("First name is mandatory"); return false; } var y=document.forms["contactform"]["LastName"].value; if (y==null || y == '') { alert("Last name is mandatory"); return false; } _gaq.push(['_trackEvent', 'Contact Form', 'Submit']); window.open('/thank-you/'); }
// ]]&gt;</script></p>

<form action="https://docs.google.com/macros/exec?service=AKfycbygk9rnr-Iwp11I92KWsBXgfDHXLozZFost-IP" method="post" name="contactform" onsubmit="return validate()">

这是咨询表格:http://www.handytax.ca/free-consultation/

此代码仅导致在IE6,IE8和Firefox中打开转换和谢谢窗口。在IE9,Chrome,Safari和其他设备中,既不会发生转换也不会打开窗口。在Chrome中,甚至不会发生名字和姓氏验证。我该如何解决这个问题?

2 个答案:

答案 0 :(得分:0)

脚本标记内的代码是什么

span data-mce-type="bookmark" id="mce_0_start" data-mce-style="overflow:hidden;line height:0px" style="overflow:hidden;line-height:0px"></span>// <![CDATA[

如果您使用Chrome控制台(CTRL-SHIFT-J)查看,则会看到

Uncaught SyntaxError: Unexpected token <

尝试修复/删除它,您的Javascript代码应该正常运行。

答案 1 :(得分:0)

我会取出内联脚本并使用以下内容进行验证

  1. 给你的表单一个id - 即id =“myForm”
  2. 在document.onReady()中设置您的验证..这是
  3. 的简写

    $(function(){
        $('#myForm').submit(function(){
        //do validation in here
        //if validation fails, then return false so the form is not submitted.
        });
    });