-1

jQueryの検証を試みています。私のコードは次のとおりです。

jQuery.validator.addMethod("isOnlyEmail", function(value, element,param) { 
  var emailVal;
    $.getJSON('get/getAllData.php?operation=email&email='+value, null, function(data) {
       alert(data);
       if(data==0)
          emailVal true;
       else
          emailVal false;
    });
    return emailVal;
  }, "My message");

戻り値のみがtrueの場合、メッセージを表示したい。しかし、このコードは間違っています。メッセージが連続して表示されます。

次のようにコードを変更した場合：

jQuery.validator.addMethod("isOnlyEmail", function(value, element,param) { 

        return false;

      }, "My message");

メッセージが表示されます。

次のようにコードを変更した場合：

jQuery.validator.addMethod("isOnlyEmail", function(value, element,param) { 

            return true;

          }, "My message");

メッセージが表示されません。

何か案が？

HTMLコード：

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/jquery.js"><\/script>')</script>
        <script language="javascript" type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

        <!-- Bootstrap jQuery plugins compiled and minified -->
        <script type="text/javascript" src="./js/jquery.validate.js"></script>
        <script>
            $(document).ready(function(){

                jQuery.validator.addMethod("isOnlyEmail", function(value, element,param) { 
                    var emailVal;

                    $.getJSON('get/getAllData.php?operation=email&email='+value, null, function(data) {
                        alert(data);
                        if(data==0)
                            emailVal true;
                        else
                            emailVal false;
                    });
                    return emailVal;
                }, "My Message");

                $("#signupform").validate({
                    rules:{
                        email:"isOnlyEmail"
                    },

                    highlight: function(label) {
                        $(label).closest('.control-group').removeClass('success');
                        $(label).closest('.control-group').addClass('error');
                    },
                success: function(label) {
                    label
                    .text('OK!').addClass('valid')
                    .closest('.control-group').removeClass('error')
                    .closest('.control-group').addClass('success');
                }
            });
        });
        </script>

    </head>
    <body>
        <input id="email" type="email" name="email" placeholder="email@site.com" />
    </body>
</html>

PHPコード：

<?php

    require_once("../db/dbconnect.php");

    $operation = $_GET['operation'];

    if($operation == "email"){

        $mail=$_GET['email'];
        $query = "SELECT * FROM ACCOUNT WHERE email='".$mail."'";
        $result = execute_query($query);
        echo mysql_num_rows($result);
    }
 ?>
4

1 に答える 1

0

私の問題は解決しました。

次のようにコードを変更します。

jQuery.validator.addMethod("isOnlyEmail", function(value, element) { 
   var emailVal=true;
   $.ajax({
       url: 'get/getAllData.php?operation=email&email='+value,
       type:'GET',
       dataType: 'json',
       async: false,
       success: function (data) {
            if(data==0)
               emailVal=true;
            else
               emailVal=false;
            },

        });   
   return emailVal;
}, "My Message");

通常、ajax呼び出しは非同期モードで実行されます。非同期モードが原因で動作しません。コードに「async：false」を追加すると、問題は解決します。

于 2013-01-20T13:19:04.917 に答える