jquery输入表单验证

【问题标题】：jquery input form validationjquery输入表单验证
【发布时间】：2012-09-07 06:41:29
【问题描述】：

假设我有一个带有 2 个输入字段的 <table>（不是 <form>！）。

   <table>
       <tr>
           <td><input type="text" name="aadress" /></td>
       </tr>
       <tr>
           <td><input type="text" name="telefon" /></td>
       </tr>
   <table>

是否可以使用jquery .validate() 验证整个表？或者我将它与input 字段一起使用？重点是我没有提交按钮。

【问题讨论】：

标签： jquery validation input

【解决方案1】：

如果你不想使用按钮来验证你的字段，你可以使用 JQs ".keyup( handler(eventObject) )" 事件函数。您可以使用以下代码来验证您的字段。

$('.myTable').keyup(function(e){
    if (e.target.name == 'address' && e.target.value.length > 5) {
        console.log(e.target.value);
        $(e.target).css({ 'border-color': '#25E01B', 'border-style':'solid' });
        //do more stuff
    }
    if (e.target.name == 'telefon' && e.target.value.length > 5) {
    console.log(e.target.value);
        $(e.target).css({ 'border-color': '#25E01B', 'border-style': 'solid' });
        //do more stuff
    }
});

为

<table class="mytable">
       <tr>
           <td><input type="text" name="address" /></td>
       </tr>
       <tr>
           <td><input type="text" name="telefon" /></td>
       </tr>
<table>

【讨论】：