jquery - jquery输入表单验证

Question

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

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

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

Answer 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>