PDA

View Full Version : تغییر رنگ حاشیه تکس پس از احراز اطلاعات



IMANAZADI
شنبه 15 آذر 1393, 09:58 صبح
با سلام


یک فرم داریم شامل دو تا تکس باکس و یک div و یک کلید .
بصورت زیر


<input type="text" id="name" name="name">
<input type="text" id="age" name="age">


<div id="test"></div>


<input type="button" value="send" onClick="exe();">



زمانیکه کاربر کلید send رو میزنه اطلاعات تکس باکس ها بوسیله آژاکس به php ارسال میشه و در اونجا اطلاعات از دیتابیس بررسی میشه که آیا وجود دارد یا نه
در صورت وجود مقدار true یا false رو در div با آی دی test چاپ میکنه


حالا چه طوری میشه وقتی که مقدار false بر میگرده حاشیه تکس باکس با آی دی name به رنگ قرمز دربیاد .

MMSHFE
شنبه 15 آذر 1393, 10:26 صبح
ربطی به PHP نداره. باید با JS یا jQuery کار کنید. مثال jQuery :
$.ajax({
type: "post",
url: "...",
data: "name="+$("#name").val()+"&age="+$("#age").val(),
success: function(result) {
if(result === "false") {
$("#name").css({"border-color":"red"});
}
})
});

IMANAZADI
شنبه 15 آذر 1393, 10:35 صبح
دوست عزیز میدونم من با جی کوئری کار نمیکنم
من همین کار رو با آژاکس انجام میدم (در جاوااسکریپت ) ولی جواب نمیده
میشه لطفا همین مثال رو با جاوااسکریپت بنویسید

MMSHFE
شنبه 15 آذر 1393, 11:21 صبح
توی جایی که جواب رو میگیرین، این کد رو بگذارین:
if(result === "false") { document.getElementById("name").style.borderColor = "red"; }