Question

我在Jquery滑块中有两种不同的形式（我正在使用这个Jquery滑块：http://tympanus.net/Tutorials/FancySlidingForm/）。

现在我想为这两个表单创建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>

Answer 1

您如何验证表格？使用插件还是手工？如果它是一个jquery插件，请确保在用户选择的特定表单上调用验证（例如$('#form1').validate(etc);而不仅仅是$('form').validate(etc);

如果您是手动操作，则取决于您如何触发验证。例如，验证模糊中所有形式的所有字段是一个坏主意，更好的选择是再次使用特定表单的id来限制验证函数的范围。

我认为显示如何执行验证的代码段在帮助我们回答您的问题方面会更有用：）

Jquery滑块问题中的2个表单

1 个答案: