1

私のjquery検証フォームは検証されません..ここに次のようなコードがあります

    <script type='text/javascript'>
    $(document).ready(function()
    {

    $('#frm').validationEngine('validate');
    });
</script>

<div id='gap'> </div>
    <div id='main'>
        <div id='login-box'>
            <h2><span> ".HD_LOGIN." </span></h2>
            <table align='center'>
            <form id='frm' name='frm' >
                <tr> 
                    <td class='name'> <span>".LBL_USERNAME." </span> </td>
                    <td> <span> &nbsp; </span> </td>
                    <td> <input type='text' name='username' id='username' class='input validate[required]'/><input type='hidden' name='login' value='1' /></td>
                </tr>
                <tr>
                    <td id='error-show'> <span> &nbsp </span> </td> 
                </tr>
                <tr> 
                    <td class='name'> <span>".LBL_PASSWORD."</span></td>
                    <td> <span> &nbsp; </span> </td>
                    <td> <input  type='password' name='password' id='password' class='input validate[required]'/></td> 
                </tr>
                <tr>
                    <td id='error-show'><span> &nbsp; </span> </td> 
                </tr>
                <tr>
                    <td> <span> &nbsp; </span> </td>
                    <td> <span> &nbsp; </span> </td>
                    <td> <input class='chckbx' type='checkbox' name='rememberme' value='1'/> <span> ".CHCK_LOGGED." </span> </td> 
                </tr>
                <tr>
                    <td> <span> &nbsp </span> </td> 
                </tr>
                <tr> 
                    <td colspan='3' align='center'> <input type='button' name='but'  value='login' onclick=\"general_ajax1('modules/login/logincontroller.php',$('#frm').serialize())\"/></td> 
                </tr>

            </form>

以下はカスタムajaxです

if($("#frm").validationEngine('validate'))
       {
function general_ajax1(urld,data)
{
   $.ajax({
        type:'POST',
        url:urld,
        data:data,
        success: function(response){$('#main_content').html(response);}
        });
    }
}
4

3 に答える 3

5

エラーはHTMLにあります。'form'タグを'table'タグ内に配置しましたが、これは許可されていません。

<table align='center'>
     <form id='frm' name='frm' > <---- no!
         <tr>

あなたはこれをしなければなりません：

<form id='frm' name='frm' > <---- no!
    <table align='center'>
        <tr>

ファイルの終わりにある「/table」タグの外側に「/form」タグを配置することを忘れないでください。

また、プラグインにはバグがあるようです（githubでマスターバージョンを使用しています）。'validateAttribute'はデフォルトでは未定義です。domreadyイベントで設定します。

$(function(){
   $.validationEngine.defaults.validateAttribute = "class";
});

これは物事を整理します...

于 2012-07-11T12:59:49.817 に答える
0

開始段階では、ValidationEngineをアタッチする必要があります。準備完了機能で以下を試してください 

$(document).ready(function(){ 
    $('#frm').validationEngine('attach'); 
});
于 2012-07-11T09:47:44.723 に答える
0 
<script type='text/javascript'>

    $(document).ready(function(){

        $('#frm').validationEngine();

    });

</script>

この方法を試してください。次に、入力をclass =validate[required]でバインドします。

于 2012-07-11T10:43:03.267 に答える