Question

我想为文本框字段编写常用功能。假设我有3个文本框。在验证时间。我为所有三个文本框写了特定的条件..比如

if( conpwd ==='' | conpwd ==='')
    {
        $('#errorconpwd').show('fast');
        $('#conpwd').focus().css({'background-color':'#FFC'});
        return false;
        }   

    if( fname ==='' | fname === null)
    {
        $('#errorfname').show('fast');
        $('#fname').focus().css({'background-color':'#FFC'});
        return false;
        }   

    if( lname ==='' | lname === null)
    {
        $('#errorlname').show('fast');
        $('#lname').focus().css({'background-color':'#FFC'});
        return false;
        }

如果确认密码字段为空，请在此处输入。我把它集中在css属性上，对于fname，我再次为姓氏写了n。现在，如果第一个名称被聚焦，用户输入一些文本，而不是我想再次使css默认。我的意思是说而不是写作

$('#fname').blur(function(){
   if($('#fname').val()!=''){
     $('#fname').css({'background-color':'#FFF'});
    }
 }

意味着我想为所有人编写组合条件。我不想为每个字段单独写。类似我可以一次性包含上面的确认密码，fname，lname的代码吗？

根据我在谷歌搜索。我想用$（this）选择器修改它..

Answer 1

使用jQuery validation plugin

Answer 2

+1 for jquery validation plugin，在这里，你可以为一切设置一个类：

<input id=conpwd class=validate>
<input id=fname class=validate>
<input id=lname class=validate>

并且您可以使用$（this）触发事件的类在元素上执行您想要的操作。

$('.validate').blur(function(){
  if($(this).val()!=''){
     $(this).css({'background-color':'#FFF'});
    }
 });

Answer 3

此处有一个灵活的验证表单：jQuery Validation

基本上它使用类似

的语法

<input data-validate-presence='true' />
<input data-validate-presence='true' data-validate-email='true' />

并自动应用规则。如果您需要组合检查和复杂的验证，例如服务器端唯一性检查，您可以通过扩展 options.validators 来轻松扩展它，并且它可以采取全局效果，因此一旦添加，您可以使用此新验证器整个项目。

它还具有足够的灵活性，可以为您提供在工具提示，消息框或您想要的任何其他格式中显示错误的选项。并且不到3 kb。

可在此处找到更多样本http://www.tectual.com.au/downloads/jquery/validation/index.html

包含jquery验证的代码

3 个答案: