[英]php: how to validate textbox using jquery ajax
我有一个文本框,一旦用户从该文本框中聚焦,我想使用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
}
}
}
更改
if($val == 'Y') //Returns TRUE
{
//VALIDATION FAILS - Returns Validation Error
break;
}
else if($val == 'N') {
//VALIDATION TRUE - Returns Validation Error
}
进入
echo $val;
然后在您的js中,只需获取响应并提醒msg:
success: function(data){
if (data == 'Y') {
alert('Successfully ...');
} else {
alert('Oh no...');
}
}
它易于使用
if($val == 'Y') //Returns TRUE
{
echo 'success';
}
else if($val == 'N') {
echo 'fail';
}exit;
您将在success
回调的data
参数中获得此成功/失败。
您的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");
}
});
直到并且除非您将HTTP响应设置为错误代码,否则ajax不会回调到fail:函数。
一种简单的方法是,即使验证失败或成功,也可以从服务器端发送回JSON字符串,如以下格式所示。
如果验证成功
{'status':'OK','message':'Validation success'}
如果验证失败
{'status':'NOK','message':'Please enter your name'}
现在,您可以在成功回调中获取此JSON字符串,并采取适当的措施。
您可以使用ajax type
和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;
}
您可以这样做:
$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
,你可以使用onSelect
从datepicker
。 因此,当选择新日期时,将启动ajax调用。
因此,您可以调用onSelect
of focusout
来代替对focusout
调用较早的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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.