0

我有一个文本框，一旦用户从该文本框中聚焦，我想使用 jquery-ajax 对其进行验证。

验证包括：

  • 服务器端，值转到 php 页面，我必须验证它

  • 如果验证成功，则显示警报（“成功”）；否则如果错误警报（“失败”）；

我怀疑 jquery ajax 将如何显示 alert("failure"); 到现在为止，我所做的只是为了成功。

我只知道下面提到的代码，我应该怎么做才能解决我的问题？请帮忙

<script type="text/javascript">
    $(function()
    {
        $('input[id^="datepicker"]').on('focusout',function()
        { 
             $.ajax({
                url: "ajax_frmdate_validation.php?txtval="+$(this).val(),
                success: function(data){
                    alert('Successfully  ...');
                }
            });

        });
    });
</script>

--------------
--------------
<input class="plain" name="frmdate"   value="" size="25" id="datepicker" />

我的服务器端php代码是：

$txtval =$_REQUEST['txtval'];
$fromTimestamp = strtotime( $txtval); 
//---------My Logic Code Goes Here -----------------------------
$sid=$_SESSION['id'];
$result12=mysql_query("SELECT * FROM budget where creater_id = '$sid'");
$num_rows = mysql_num_rows($result12);

if($num_rows>0)//check if empty or not
{
    while($test12 = mysql_fetch_array($result12)) {
        $from_date = strtotime($test12['from_date']);//getting all the FROM-Dates_column
        $to_date = strtotime($test12['to_date']);//getting all the TO-Dates_column

        if(isset($to_date) && isset($from_date)) {
            if((($fromTimestamp >= $from_date) && ($fromTimestamp <= $to_date)) || (($toTimestamp >= $from_date) && ($toTimestamp <= $to_date))) {
                $val = 'Y'; //return Y in meet this condition
            }
            else {
                $val = 'N'; // return N if meet this condition
            }
        }
        //---------------------Result of my logic code---------------------------------
        if($val == 'Y') //Returns TRUE
        {
            //VALIDATION FAILS - Returns Validation Error
            break;
        }
        else  if($val == 'N') {
            //VALIDATION TRUE - Returns Validation Error
        }
    }
}
4

6 回答 6

1

改变

if($val == 'Y') //Returns TRUE
{
    //VALIDATION FAILS - Returns Validation Error
    break;
}
else  if($val == 'N') {
    //VALIDATION TRUE - Returns Validation Error
}

进入

echo $val;

然后在您的 js 中简单地获取响应并发出警报消息：

success: function(data){
    if (data == 'Y') {
        alert('Successfully  ...');
    } else {
        alert('Oh no...');
    }
}
于 2013-04-09T07:23:16.110 回答
0

它易于使用

 if($val == 'Y') //Returns TRUE
            {
                echo 'success';
            }
            else  if($val == 'N') {
                echo 'fail';
            }exit;

您将在回拨的data参数中获得此成功/失败。success

于 2013-04-09T07:22:04.360 回答
0

您的 php 代码将是

if($val == 'Y') //Returns TRUE
            {
              echo "Success";   
             //VALIDATION FAILS - Returns Validation Error
                break;
            }
            else  if($val == 'N') {
              echo "Fail";   
                //VALIDATION TRUE - Returns Validation Error
            }

在 JS 中

$.ajax({
                           url: "ajax_frmdate_validation.php?txtval="+$(this).val(),
                           success: function(data){
                                      if(data == "Success")
                                        alert("success");
                                      if(data == "Fail")
                                        alert("Fail");

                           }
                         });
于 2013-04-09T07:22:32.907 回答
0

除非您将 HTTP 响应设置为错误代码，否则 ajax 不会回调失败：函数。

一种简单的方法是，即使验证失败或验证成功，也从服务器端发回 JSON 字符串，如下面的格式所示。

如果验证成功

 {'status':'OK','message':'Validation success'}

如果验证失败

{'status':'NOK','message':'Please enter your name'}

现在您可以在成功回调中获取此 JSON 字符串并采取适当的措施。

于 2013-04-09T07:23:14.177 回答
0

您可以使用 ajaxtype和data选项来发送数据，而不是通过 url 传递数据。

 $.ajax({
           url: "ajax_frmdate_validation.php",
           type:'GET',
           data:{"txtval":$(this).val()},
           success: function(data){
                 if(data=="success"){
                   alert('successful');
                 }else{
                    alert('error');
                 }
            }
         });

你的服务器端代码包括这个

  if($val == 'Y') //Returns TRUE
        {
           echo "success"
            break;
        }
        else  if($val == 'N') {
             echo "error";
             break;
        }
于 2013-04-09T07:23:18.033 回答
0

你可以这样做：

$txtval = mysql_real_escape_string($_REQUEST['txtval']);
$fromTimestamp = strtotime( $txtval); 
 //---------My Logic Code Goes Here -----------------------------
 $sid=$_SESSION['id'];
 $result12=mysql_query("SELECT * FROM budget where creater_id = '$sid'");
 $num_rows = mysql_num_rows($result12);

 if($num_rows>0)//check if empty or not
 {
    while($test12 = mysql_fetch_array($result12)) {
    $from_date = strtotime($test12['from_date']);//getting all the FROM-Dates_column
    $to_date = strtotime($test12['to_date']);//getting all the TO-Dates_column

    if(isset($to_date) && isset($from_date)) {
         if((($fromTimestamp >= $from_date) && ($fromTimestamp <= $to_date)) || (($toTimestamp >= $from_date) && ($toTimestamp <= $to_date))) {
             $val = 'Y'; //return Y in meet this condition
         }
         else {
            $val = 'N'; // return N if meet this condition
         }
     }
     //---------------------Result of my logic code---------------------------------
     if($val == 'Y') //Returns TRUE
     {
        echo "failed";
        exit();
     }
     else  if($val == 'N') 
     {
        echo "success";
        exit();
     }

现在在您的 ajax 调用中：

<script type="text/javascript">
    $(function()
    {
       $('input[id^="datepicker"]').on('focusout',function()
       { 
         $.ajax({
            url: "ajax_frmdate_validation.php?txtval="+$(this).val(),
            success: function(data){
               if (data == 'success') {
                    alert("Successfully validated"); 
               } else {
                    alert("Failed");
                    return false;
               }
            }
        });

      });
   });
</script>

与警告相比，更好的方法是在文本框下方显示错误消息，如果失败则附加消息。

在进行检查之前也要进行适当的转义mysql_real_escape_string

更新：

每当输入文本字段中的日期更改时，您都需要调用 ajax，因此focusout您可以使用onSelectfrom来代替datepicker。So when a new date is selected an ajax call will be initiated.

focusout因此，您可以调用onSelectdatepicker ，而不是调用较早的 ajax

$(function(){
    $('#datepicker').datepicker({
        onSelect:function(date,instance){
           $.ajax({
              url: "ajax_frmdate_validation.php?txtval="+date,
              success: function(data){
                 if (data == 'success') {
                    alert("Successfully validated"); 
                 } else {
                    alert("Failed");
                    return false;
                 }
              }
           });
        }
    });
});

新更新

试试这个：

 <script type="text/javascript">
     $(document).ready(function() { 
       $("#datepicker").datepicker({ 
          dateFormat: "yy-mm-dd" ,
          onSelect:function(date,instance){
                          $.ajax({
                            url: "ajax_frmdate_validation.php?txtval="+date,
                            success: function(data){
                            if (data == 'success') {
                                 alert("Successfully validated"); 
                            } else {
                                 alert("Failed");
                                  return false;
                            }
                     }
                 });
            }
     }); 
  }); 
 </script>
于 2013-04-09T07:23:22.830 回答