2017-05-29 14 views
0

jquery、php、ajaxが新しく、同僚の助けを借りてこのコードを書いていました。.focus()とemail関数

マイコード:

if(name == ''){ 
    alert("Please enter your name"); 
    $("#name", first).focus(); 
    status = 'N'; 
} 
else { 
    status = 'Y'; 
}; 

if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) { 
    alert("Not a valid e-mail address"); 
    $("#email", second).focus(); 
    status = 'N'; 
} 
else { 
    status = 'Y'; 
}; 

if(message == ''){ 
    alert("Please enter your message"); 
    $("#message", third).focus(); 
    status = 'N'; 
} 
else{ 
    status = 'Y'; 
}; 

if(status == 'Y'){ 
    $.ajax({ 
     type: "POST", 
     url: url, 
     data: {name:name, email:email, phone:phone, message:message}, 
     success: function(data) 
     { 
      alert(data); 
      $("message_span").html(data); 
           // show response from the php script. 
     } 

}; 

だから私の問題は、私は、私は「なぜで起きていない昇順に充填されていないテキスト領域、に焦点を当てる.focusを()したいということです第1、第2のパラメータを使用して計算する。

は今、第二の問題は、Ajaxは私に私のPHPコードであり、「正常に送信されたメッセージ」のポップアップを与えていないことである

私のPHPコードは:

$name=$_POST['name']; 
$email=$_POST['email']; 
$phone=$_POST['phone']; 
$message=$_POST['message']; 

$to='myemail'; 
$subject='Form Submition'; 
$message='Name: '.$name.'\n Phone: '.$phone.'\n Wrote the following messsage \n\n'.$message; 
$headers='From: '.$email; 
echo 'Message successfully sent'; 

すべてのヘルプがあります大変感謝して申し訳ありません。この質問が以前に尋ねられたが、私はそれを見つけることができなかった。 ありがとう!

答えて

0

以下は、あなたを助けるサンプルコードです。それを試してみてください。

$("#submit").click(function() { 
 

 
    var status = 'Y'; 
 
    if ($("#name").val() == '') { 
 
    alert("Please enter your name"); 
 
    $("#name").focus(); 
 
    status = 'N'; 
 
    return false; 
 
    } 
 

 
    /* if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= x.length) { 
 
     alert("Not a valid e-mail address"); 
 
     $("#email").focus(); 
 
     status = 'N'; 
 
    } 
 
    */ 
 
    if ($("#message").val() == '') { 
 
    alert("Please enter your message"); 
 
    $("#message").focus(); 
 
    status = 'N'; 
 
    return false; 
 
    } 
 

 
    if (status == 'Y') { 
 
    $.ajax({ 
 
     type: "POST", 
 
     url: url, 
 
     data: { 
 
     name: name, 
 
     email: email, 
 
     phone: phone, 
 
     message: message 
 
     }, 
 
     success: function(data) { 
 
     alert(data); 
 
     $("message_span").html(data); 
 
     // show response from the php script. 
 
     } 
 
    }); 
 
    } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type='text' id='name' /> 
 
<input type='text' id='message' /> 
 

 

 
<button id="submit">Submit</button>

+0

作品。あなたの助けをありがとう! –

+0

あなたは大歓迎です! –