jquery输入表单验证

时间:2012-09-07 06:41:29

标签: jquery validation input

让我们假设我有<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字段中使用它? 重点是我没有提交按钮

1 个答案:

答案 0 :(得分:0)

如果您不想使用按钮验证字段,可以使用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>