2011-06-15 87 views
0

我在jquery滑块(我使用这个jquery滑块:http://tympanus.net/Tutorials/FancySlidingForm/)有两种不同的形式。2种形式在jquery滑块问题

现在我想创建这两种形式seperately取决于形成用户选择使用Javascript/jQuery验证只是为了让事情变得更容易(用户可以通过使用按键在底部选择一种形式)中,窗体正在使用不同的名称和ID的...现在,如果我在这两种窗体的同一页面上执行JavaScript验证,如果用户选择窗体并将另一个窗体留空,则将出现错误,因为为这两种形式..我需要使用类似于onfocus的东西,我认为如果用户选择一个表单,只有一个验证工作..任何帮助吗?感谢

@kyushiro我想使用类似下面的验证请

  <script language="javascript" type="text/javascript"> 
<!-- 
function DownloadValidate() { 
    if (document.DownloadForm.txtFirstName.value == '' || document.DownloadForm.txtLastName.value == '' || document.DownloadForm.txtCompany.value == '' || document.DownloadForm.txtEmail.value == '' || document.DownloadForm.txtPhone.value == '' || document.DownloadForm.txtZipCode.value == '' || document.DownloadForm.cmbCountries.value == '') { 
     alert('Please fill in all required fields'); 
     return false; 
    } 

    if (document.DownloadForm.cmbCountries.value == 'United States' && document.DownloadForm.cmbState.value == '') { 
     window.alert('Please select your state') 
     return false 
    } 

    var filter = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i 
    if (filter.test(document.DownloadForm.txtEmail.value) == false) { 
     window.alert('Please enter a valid email address') 
     return false 
    } 

    DownloadForm.jsEnabled.value = 'true'; 
} 
--> 
</script> 

回答

0

你是如何验证表单?使用插件还是手动?如果它是一个jQuery插件,请确保您调用验证的具体形式的用户选择(即,例如$('#form1').validate(etc);而不仅仅是$('form').validate(etc);

如果你是做手工这将取决于你是如何引发的验证。验证模糊的所有表单上的所有字段是一个好主意,例如,更好的选择是使用特定表单的ID来限制验证函数的范围。

我认为代码片段显示了你如何执行验证会帮助我们更好地回答你的问题:)

+0

@ kyushiro请你看看我编辑过的帖子吗?谢谢 – 2011-06-15 10:26:21

+0

你可以加2个表格标记吗? 无论如何,似乎你只在这个函数中验证你的下载表单。另一个是什么? 我认为这个问题可能是当你触发实际的验证。这是在onclick属性中完成的吗? :) – kyushiro 2011-06-15 15:34:43

+0

ps。验证也可以通过jquery本身来完成,因为你已经包含了滑块插件的工作:) – kyushiro 2011-06-15 15:41:34