2011-09-21 4 views
-1

이 프로그램을 수행하기 위해 Jquery/AJAX, PHP 및 MySQL을 사용하고 있습니다.jQuery + MySQL은 텍스트 상자 값을 확인 하시겠습니까?

나는 그것이
를 작동하는 방법

을 ( 또한 제출 '버튼을 패턴, 항목수량) 3 텍스트 상자를 (1). 사용자가 패턴을 입력하고 항목을 입력 한 다음 사용자가 TABKEY를 눌러 qty TEXTBOX를 선택하십시오.
(2). 내가 테이블 tbl_master 및 테이블과 항목을 포함하는 MySQL의 테이블이 있습니다. (하나의 패턴에는 많은 항목이 있음).
(3). 시스템 검사 사용자가 입력 한 패턴 및 항목이 일치합니다.

이것은 내 인터페이스입니다. interface

이 양식에는 5items 및 5qty를 추가해야합니다.
example

는 registration.php이

내 코드

에게

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"><head> 
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> 
<meta content="en-us" http-equiv="Content-Language"> 

    <title>:: Stores-Stock ::</title> 

    <script src="js/jquery.js" type="text/javascript"></script> 
    <script src="js/settings.js" type="text/javascript"></script> 
<SCRIPT type="text/javascript"> 
pic1 = new Image(16, 16); 
pic1.src = "loader.gif"; 

$(document).ready(function(){ 

$("#username").change(function() { 

var usr = $("#username").val(); 
var pat = $("#pattern").val(); 

if(usr.length >= 3) 
{ 
$("#status").html('<img src="loader.gif" align="absmiddle">&nbsp;Checking availability...'); 

    $.ajax({ 
    type: "POST", 
    url: "check.php", 
    data: "username="+ usr+ "&pattern=" + pat, 
    success: function(msg){ 

    $("#status").ajaxComplete(function(event, request, settings){ 

    if(msg == 'OK') 
    { 
     $("#username").removeClass('object_error'); // if necessary 
     $("#username").addClass("object_ok"); 
     $(this).html(' <font color="Green"> ok </font> '); 
    } 
    else 
    { 
     $("#username").removeClass('object_ok'); // if necessary 
     $("#username").addClass("object_error"); 
     $(this).html(msg); 
    } 

    }); 

} 

    }); 

} 
else 
    { 
    $("#status").html('<font color="red">The username should have at least <strong>3</strong> characters.</font>'); 
    $("#username").removeClass('object_ok'); // if necessary 
    $("#username").addClass("object_error"); 
    } 

}); 

}); 

//--> 
</SCRIPT> 

<style type="text/css"> 
body{ 
font-family:"Trebuchet MS"; 
font-size:12px; 
} 
.inn{ 
     float:left; 
     font-size:14px; 
     border:solid 1px #000000; 
     width:143px; 
     font-family:Arial, Helvetica, sans-serif; 
     color:#0066CC; 
     font-weight:bold; 



    } 
.qty { 
    float:left; 
    font-size:14px; 
    border:solid 1px #000000; 
    width:50px; 
    font-family:Arial, Helvetica, sans-serif; 
    color:#0066CC; 
    font-weight:bold; 
} 
</style> 

    </head> 

    <body> 


    <p>&nbsp;</p> 
    <p><strong><center> 
     <strong>FINISH GOOD </strong> STORES STOCK 
    </center></strong></p> 
    <p>&nbsp;</p> 
    <table width="499" align="center" > 
     <tr> 
     <td width="170" align="right" valign="middle" id="abc4">Pattern : </td> 
     <td width="317" align="left" valign="middle" ><input id="pattern" type="text" name="pattern" onkeyup="twitter.updateUrl(this.value)" class="inn" /> 
      &nbsp;</td> 
     </tr> 
    </table> 
    <form name="form1" method="post" action="submit.php"> 
<table width="499" align="center" > 
      <tr> 
     <td width="170" align="right" valign="middle" id="abc">Item :</td> 
     <td width="191" align="left" valign="middle" ><input id="username" type="text" name="username" onkeyup="twitter.updateUrl(this.value)" class="inn" /> 
      </td> 
     <td width="120" align="left" valign="middle" nowrap="nowrap" >Qty : 
      <input name="qty" type="text" class="qty" id="qty" size="10" maxlength="10" /></td> 
     </tr> 
     <tr> 
     <td></td> 
     <td height="20px" colspan="2" align="left" valign="bottom"><div id="status"></div></td> 
     </tr> 
     </table> 
<p>&nbsp;</p> 
    </form> 

    <script type="text/javascript"> 


     $(function() { 

    twitter.screenNameKeyUp(); 
    $('#user_screen_name').focus(); 

     }); 


</script> 

    </body></html> 

확인을 할 저를 도와주세요 (나는이 시도했지만 그것은 단지에만 첫 번째 항목의 텍스트 상자를 확인). PHP

<?php 

// This is a sample code in case you wish to check the username from a mysql db table 

if(isset($_POST['username'])) 
{ 
    $username = $_POST['username']; 
    // $username = $_POST['username2']; 
    $pattern = $_POST['pattern']; 



include("dbconnection.php"); 

$sql_check = mysql_query("SELECT item FROM item_master WHERE pattern='$pattern' AND item='$username'"); 

if(mysql_num_rows($sql_check)) 
{ 
echo 'OK'; 
} 
else 
{ 
echo '<font color="red">Plase Check item <STRONG>'.$username.'</STRONG> again.</font>'; 
} 

} 

?> 
+0

양식에는 항목 및 수량 필드가 항상 5 행씩 표시되거나 변경 될 수 있습니까? 또한 패턴 텍스트 필드는 양식에 포함되어 있지 않습니다. 그런 의미일까요? – martincarlin87

+0

은 항상 5 개 항목 및 수량 필드에 있습니다. - 감사 – 9pixle

답변

0

괜찮습니다.

우선 수량 및 항목 필드의 다른 4 개 행을 추가하고 자신의 ID, 예를 들면 된 각 텍스트 입력 제공 : 당신이 <input class="username"을 할 <input id="username"을 변경할 수도 있지만

<tr> 
    <td width="170" align="right" valign="middle" id="abc1">Item :</td> 
    <td width="191" align="left" valign="middle" ><input id="username" type="text" name="username" onkeyup="twitter.updateUrl(this.value)" class="inn" /></td> 
    <td width="120" align="left" valign="middle" nowrap="nowrap" >Qty : 
     <input name="qty" type="text" class="qty" id="qty1" size="10" maxlength="10" /></td> 
</tr> 
    <tr> 
    <td width="170" align="right" valign="middle" id="abc2">Item :</td> 
    <td width="191" align="left" valign="middle" ><input id="username" type="text" name="username" onkeyup="twitter.updateUrl(this.value)" class="inn" /></td> 
    <td width="120" align="left" valign="middle" nowrap="nowrap" >Qty : 
     <input name="qty" type="text" class="qty" id="qty2" size="10" maxlength="10" /></td> 
</tr> 

ID가 사용되는 경우 이후를 그것의 인스턴스가 하나만 있어야합니다.

5 행을 출력하는 더 좋은 방법은 php에서 간단한 for 또는 while 루프를 작성하고 수량 및 항목 필드의 id 번호를 루프 카운터로 바꾸는 것입니다. 당신은 그냥 사용할 수있는 모든 매개 변수를 보내기위한

:

var data = $('#form1').serialize(); 

$.ajax({ 
    type: "POST", 
    url: "check.php", 
    data: data, 
    success: function(msg){ 

것을 간단하게합니다.

그런 다음 양식 필드의 5 행 각각에 수표를 적용해야하며 잘 작동하는 것으로 간주해야한다고 생각합니다.

관련 문제