Javascript 在jquery中验证多个文本框

我有一个日期选择器和一个文本框和保存按钮现在我想当任何人继续没有选择这些值时，我想显示消息填充。意味着在jquery中验证我是如何做到这一点的

<script type="text/javascript">
        $(function () {
            $('#ser').on('click', 'tr', function () {
                if ($(this).hasClass('selected')) {
                    $(this).removeClass('selected');
                }
                else {
                    $('#ser', 'tr.selected').removeClass('selected');
                    $(this).addClass('selected');
                }
                var row = $(this);
                var ID = row.find('td')[0].firstChild.data;
                $('[ID*=compl]').on('click', function () {
                    $("#dialog1").dialog();
                    $('[ID*=save]').on('click', function () {                      
                        var VID = '<%=Session["value"]%>';
                        var date = $("#last_perf").val();
                        var meter = $("#txt_m").val();
                        var TypeID = '2';
                        var comp = {};
                        comp.date = date;
                        comp.meter = meter;
                        comp.VID = VID;
                        comp.ID = ID;
                        comp.TypeID=TypeID;  
                        compl_serv(comp);

                    });
                });
            });
        });

        function compl_serv(comp) {

            debugger;
            var c = {};
            c.date = comp.date;
            c.meter = comp.meter;
            c.VID = comp.VID;
            c.ID = comp.ID;
            c.TypeID = comp.TypeID;

            debugger;
            $.ajax({     
               type: "POST",
               url:"a.aspx/CSe",
               contentType: "application/json;charset=utf-8",
               dataType: "json",
               data:JSON.stringify(c),
               async: true,
               cache: false,
               success: function (result) {

                    var co = JSON.parse(result.d).response;               

                             if (result.length !== "")
                        {
            $("#last_perf" + comp.date).html(comp.date);
                            $("#txt_m" + comp.meter).html(comp.meter);


                            $("#<%=save_complete_label.ClientID%>").text("successfully");
                        }

                        else
                        {                               
                            $("#<%=save_complete_label.ClientID%>").text("Fill all fields");                             
                        }

                 },

    </script>

$（函数（）{
$（'#ser'）。在（'click'，'tr'，function（）{
if（$（this）.hasClass（'selected'））{
$（this.removeClass（'selected'）；
}
否则{
$（'ser'，'tr.selected'）.removeClass（'selected'）；
$（this.addClass（'selected'）；
}
var行=$（此）；
var ID=row.find（'td'）[0].firstChild.data；
$（'[ID*=compl]'）。在（'click'，函数（）{
$（“#dialog1”）.dialog（）；
$（'[ID*=save]'）。在（'click'，函数（）{
var VID=“”；
变量日期=$（“#最后一次性能”）.val（）；
var meter=$（“#txt_m”）.val（）；
变量TypeID='2'；
var comp={}；
公司日期=日期；
复合仪表=仪表；
复合视频=视频；
comp.ID=ID；
组件类型ID=类型ID；
compl_serv（comp）；
});
});
});
});
功能compl_serv（comp）{
调试器；
var c={}；
c、 日期=公司日期；
c、 仪表=复合仪表；
c、 VID=综合VID；
c、 ID=公司ID；
c、 TypeID=组件TypeID；
调试器；
$.ajax（{
类型：“POST”，
url:“a.aspx/CSe”，
contentType:“应用程序/json；字符集=utf-8”，
数据类型：“json”，
数据：JSON.stringify（c），
async:true，
cache:false，
成功：功能（结果）{
var co=JSON.parse（result.d）.response；
如果（result.length！==“”）
{
$（“#最后一次性能”+comp.date）.html（comp.date）；
$（“#txt_m”+comp.meter）.html（comp.meter）；
$（“#”）文本（“成功”）；
}
其他的
{                               
$（“#”）文本（“填充所有字段”）；
}
},

HTML

日期



米



保存已完成的服务

我试过了，但这不起作用

---

任何解决方案？

您可以使用validate.js，它在jquery中是受支持的

将HTML代码放入表单中。如果表单中已有HTML代码，请使用以下代码，例如： 您还可以编写规则：

js代码示例：

---

将所有输入类型放入

表单中

并使用

$（“表单”）.valid（）；

要验证所有字段，请提供相关的

html

，如果可能，可以使用

fiddle

或

snippet

进行验证。@GuruprasadRao检查更新这是表中唯一存在的一行，或者可以有多行类似于上述内容？如果可能，请包括

对话框的屏幕截图。.
        <div id="dialog1" class="ui-dialog"  style="display:none"  title="Basic dialog">

            <table class="auto-style1">
        <tr>
            <td>  <asp:Label ID="Label2" runat="server" Text="Label">Date</asp:Label> </td>
            <td>  <input id="last_perf"  class="f" value="dd/mm/yyyy" runat="server" clientidmode="static" /><br /><br /></td>
        </tr>
        <tr>
            <td><asp:Label ID="Label3" runat="server" Text="Label">meter</asp:Label></td>
            <td> <input id="txt_m"   type="text"  runat="server" clientidmode="static" /><br /><br /></td> 
        <tr>
            <td> <button type="button" class="btn btn-primary"  id="save">Save completed services</button><br /><br /></td>
            <td>
                  <asp:Label ID="save_complete_label" CssClass="label label-success"  runat="server" Text=""></asp:Label>
            </td>
        </tr>
    </table>

            </div>

var validator = new FormValidator('example_form', [{
name: 'req',
display: 'required',
rules: 'required'
}, 
{
name: 'alphanumeric',
rules: 'alpha_numeric'
}, {
name: 'password',
rules: 'required'
}, {
name: 'password_confirm',
display: 'password confirmation',
rules: 'required|matches[password]'
}, {
name: 'email',
rules: 'valid_email',
depends: function() {
    return Math.random() > .5;
}
}, {
name: 'minlength',
display: 'min length',
rules: 'min_length[8]'
}], function(errors, event) {
if (errors.length > 0) {
    // Show the errors
}
});
}