Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript或jquery向控件添加验证?_Javascript_Jquery_Validation - Fatal编程技术网

如何使用javascript或jquery向控件添加验证?

如何使用javascript或jquery向控件添加验证?,javascript,jquery,validation,Javascript,Jquery,Validation,我想在下面的控件中添加验证:有人能告诉我如何使用jquery或javascript进行验证吗 <table width="100%" border="0"> <tbody> <tr> <td>UserName: <span>*</span></td>

我想在下面的控件中添加验证:有人能告诉我如何使用jquery或javascript进行验证吗

<table width="100%" border="0">
                    <tbody>

                    <tr>
                        <td>UserName: <span>*</span></td>
                        <td>
                            <input type="text" name="userName" value=""  size="40">                
                         </td>
                    </tr>

                     <tr>
                        <td>Display Name: <span>*</span></td>
                        <td><input type="text" name="name" value=""  size="40" >
                        </td>
                    </tr>


             </tbody>
             </table>

用户名:*
显示名称:*
使用:

你也可以使用。设置这两个输入的ID,然后在JavaScript中:

$.post("validation.php", { username: $("#usernameInputID").val(), displayName: $("#displayNameInputID").val() }).done(function(data) {
    //Some code (if invalid, fox example set border to red etc...)
});

在validation.php中,您可以检查收到的字符串是否为空,用户名是否唯一等,并根据此返回一些值(使用简单的echo),您可以在JavaScript中使用这些值来决定输入是否正确。。。您可以检查每一个输入,然后您可以提醒用户,只有一些字段填写不正确。

您可以使用pluginga吗?请您具体一点?你需要什么样的验证?如前所述,描述更多关于你想要什么的信息,并展示你自己做这件事的尝试。我们不是来为你写代码的。。。当你陷入困境时,我们会在这里帮助你。谢谢你,这是我能解决的问题。我使用jquery.validationEngine.js来解决问题。谢谢你回答我的问题,因为我导入了错误的库。
$(".yourTableSelector").validate();
$("input[name='userName']").change(function(){
    if($(this).val()==""){
       alert('This field cannot be empty');
    }
});

$("input[name='name']").change(function(){
    if($(this).val()==""){
       alert('This field cannot be empty');
    }
});
$.post("validation.php", { username: $("#usernameInputID").val(), displayName: $("#displayNameInputID").val() }).done(function(data) {
    //Some code (if invalid, fox example set border to red etc...)
});