فرم تماس با ما

J

jalaladdin

Active Member
با کدهای htmlفرم تماس با ما برای سایتم ساختم .چگونه کد جاوا اسکریپت بنویسم که وقتی کاربر روی دکمه ارسال کلیک کرد در صورتیکه فیلدها خالی بود یا درقسمت پیام جملات کوتاه بود خطا ها در زیر هر فیلد با نوشته قرمز نشان دهد
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table summary="Demonstration form">
  <tbody>
  <tr>
    <td><label for="name">نام :</label></td>
    <td><input name="name" size="35" maxlength="50" type="text"></td>
  </tr>   
  <tr>
    <td><label for="email">ایمیل:</label></td>
    <td><input name="email" size="35" maxlength="25" type="text"></td>
  </tr>
     <tr>
    <td><label for="titl">عنوان:</label></td>
    <td><input name="titl" size="35" maxlength="25" type="text"></td>
    </tr>
  <tr>
    <td><label for="message">پیام:</label></td>
    
    <td><textarea name="message" size="35" maxlength="30" type="text"rows="5" cols"20"></textarea></td>
  </tr>  
  
  <tr>
    <td> </td>
    <td><input name="Submit" value="ارسال" type="submit" ></td>
</body>
</html>
 
winsent

winsent

Banned
با سلام به شما دوست من.
این هم کد جاوا:



PHP: 
<script type="text/javascript">
var ns6=document.getElementById&&!document.all
function restrictinput(maxlength,e,placeholder){
if (window.event&&event.srcElement.value.length>=maxlength)
return false
else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength){
var pressedkey=/[a-zA-Z0-9\.\,\/]/ //detect alphanumeric keys
if (pressedkey.test(String.fromCharCode(e.which)))
e.stopPropagation()
}
}
function countlimit(maxlength,e,placeholder){
var theform=eval(placeholder)
var lengthleft=maxlength-theform.value.length
var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder)
if (window.event||e.target&&e.target==eval(placeholder)){
if (lengthleft<0)
theform.value=theform.value.substring(0,maxlength)
placeholderobj.innerHTML=lengthleft
}
}
function displaylimit(thename, theid, thelimit){
var theform=theid!=""? document.getElementById(theid) : thename
var limit_text='<b><span id="'+theform.toString()+'">'+thelimit+'</b> کاراکتر'
if (document.all||ns6)
document.write(limit_text)
if (document.all){
eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)}
eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)}
}
else if (ns6){
document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true);
document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true);
}
}
</script>
<SCRIPT language="JavaScript">
function CheckFormWINSENT () {

//Initialise variables
var errorMsg = "";

//Check for a name
if (document.Contactform.Name.value == ""){
errorMsg += "\n\n\t\t\t نام شما وارد نشده است ";
}

//Check for an e-mail address and that it is valid
if ((document.Contactform.Email.value == "") || (document.Contactform.Email.value.length > 0 && (document.Contactform.Email.value.indexOf("@",0) == - 1 || document.Contactform.Email.value.indexOf(".",0) == - 1))) {
errorMsg += "\n\n\t آدرس ايميل شما بطور صحيح وارد نشده است ";
}

//Check for an enquiry
if (document.Contactform.Message.value == "") {
errorMsg += "\n\n\t\t پیام شما وارد نشده است ";
}

//If there is aproblem with the form then display an error
if (errorMsg != ""){
msg = "\t\t : لطفا فرم ارسال را بطور کامل پر نماييد\n";
msg += "___________________________________________________";

errorMsg += alert(msg + errorMsg + "\n___________________________________________________\n\n");
return false;
}

return true;
}
// -->
</script>

فقط به این نکته توجه کنید در تگ فرم خود از OnSubmit به صورت زیر استفاده کنید:

PHP: 
<form name="Contactform" method="post" target=_self action="recive.html" onSubmit="return CheckFormWINSENT();">
 
آخرین ویرایش:
J

jalaladdin

Active Member
سلام دوست گرامی کد فرم تماس با ما بدین صورت در دریم ویور نوشتم آیا کد جاوا را درست جایگزین کردم در لابلای کدهای htmlچون این کد چیزی را نمایش نمی
کد: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
var ns6=document.getElementById&&!document.all
function restrictinput(maxlength,e,placeholder){
if (window.event&&event.srcElement.value.length>=maxlength)
return false
else if (e.target&&e.target==eval(placeholder)&&e.target.value.length>=maxlength){
var pressedkey=/[a-zA-Z0-9.,/]/ //detect alphanumeric keys
if (pressedkey.test(String.fromCharCode(e.which)))
e.stopPropagation()
}
}
function countlimit(maxlength,e,placeholder){
var theform=eval(placeholder)
var lengthleft=maxlength-theform.value.length
var placeholderobj=document.all? document.all[placeholder] : document.getElementById(placeholder)
if (window.event||e.target&&e.target==eval(placeholder)){
if (lengthleft<0)
theform.value=theform.value.substring(0,maxlength)
placeholderobj.innerHTML=lengthleft
}
}
function displaylimit(thename, theid, thelimit){
var theform=theid!=""? document.getElementById(theid) : thename
var limit_text='<b><span id="'+theform.toString()+'">'+thelimit+'</b> کاراکتر'
if (document.all||ns6)
document.write(limit_text)
if (document.all){
eval(theform).onkeypress=function(){ return restrictinput(thelimit,event,theform)}
eval(theform).onkeyup=function(){ countlimit(thelimit,event,theform)}
}
else if (ns6){
document.body.addEventListener('keypress', function(event) { restrictinput(thelimit,event,theform) }, true);
document.body.addEventListener('keyup', function(event) { countlimit(thelimit,event,theform) }, true);
}
}
</script>
<SCRIPT language="JavaScript">
function CheckFormWINSENT () {

//Initialise variables
var errorMsg = "";

//Check for a name
if (document.Contactform.Name.value == ""){
errorMsg += "\n\n\t\t\t نام شما وارد نشده است ";
}

//Check for an e-mail address and that it is valid
if ((document.Contactform.Email.value == "") || (document.Contactform.Email.value.length > 0 && (document.Contactform.Email.value.indexOf("@",0) == - 1 || document.Contactform.Email.value.indexOf(".",0) == - 1))) {
errorMsg += "\n\n\t آدرس ايميل شما بطور صحيح وارد نشده است ";
}

//Check for an enquiry
if (document.Contactform.Message.value == "") {
errorMsg += "\n\n\t\t پیام شما وارد نشده است ";
}

//If there is aproblem with the form then display an error
if (errorMsg != ""){
msg = "\t\t : لطفا فرم ارسال را بطور کامل پر نماييد\n";
msg += "___________________________________________________";

errorMsg += alert(msg + errorMsg + "\n___________________________________________________\n\n");
return false;
}

return true;
}
// -->
</script>  
</head>

<body>
<form name="Contactform" method="post"  action="Contactform.html" onSubmit="return CheckFormWINSENT();">  
<table summary="Demonstration form">
  <tbody>
  <tr>
    <td><label for="name">نام :</label></td>
    <td><input name="name" size="35" maxlength="50" type="text"></td>
  </tr>   
  <tr>
    <td><label for="email">ایمیل:</label></td>
    <td><input name="email" size="35" maxlength="25" type="text"></td>
  </tr>
     <tr>
    <td><label for="titl">عنوان:</label></td>
    <td><input name="titl" size="35" maxlength="25" type="text"></td>
    </tr>
  <tr>
    <td><label for="message">پیام:</label></td>
    
    <td><textarea name="message" size="35" maxlength="30" type="text"rows="5" cols"20"></textarea></td>
  </tr>  
  
  <tr>
    <td> </td>
    <td><input name="Submit" value="ارسال" type="submit" ></td>

</body>
</html>
دهد
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا