jquery获得已经赋上value 的 input 型text 改变text后的值的获取

Question

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" /><script type="text/javascript">//AJAX for email
// function show_emmsg(emmsg){
// $('#emmsg').html(emmsg);
// }$(document).ready(function(){
$.datepicker.setDefaults($.datepicker.regional['nl']);
$.datepicker.setDefaults({ dateFormat: 'yy-mm-dd' });
$(function() {
$( "#datepicker" ).datepicker();
$( "#format" ).change(function() {$('.datepicker').datepicker();});
});
});$(document).ready(function(){$("#update_em").blur(function(){
var email=$('#update_em').attr('value');
$('#emmsg').html(email);// $.get('validation_email.php?email='+email,show_emmsg);});});</script>
<table>
<?phpecho "<tr>";
echo "<td align='right'>";
echo "<font color='#CC0000'>*</font>Email: &nbsp;";
echo "</td>";
echo "<td>";
echo" <input type='text' id='update_em' name='update_em' size='30' value='[email protected]'> <span style='color:red;' id='emmsg'></span>";
echo "</td>";
echo "</tr>";echo "<tr>";
echo "<td align='right'>";
echo "<font color='#CC0000'> </font>Phone: &nbsp;";
echo "</td>";
echo "<td>";
echo" <input type='text' id='update_ph' name='update_ph' value='".$arr2[Phone]."'>";
echo "</td>";
echo "</tr>";?>
<table>这是我写的代码，当光标离开 email 的输入框后 旁边打印出输入框的值，可是当我把email改掉了以后 再离开 旁边印出来的东西却没跟着变，一直是原来的value 的那个email 请问该如何改代码？谢谢！

Answer 1

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#update_em").change(function(){
var email=$('#update_em').attr('value');
$('#emmsg').html(email);
});
})
</script>
 <table>
 <?php
 
echo "<tr>";
 echo "<td align='right'>";
 echo "<font color='#CC0000'>*</font>Email: &nbsp;";
 echo "</td>";
 echo "<td>";
 echo" <input type='text' id='update_em' name='update_em' size='30' value='[email protected]'> <span style='color:red;' id='emmsg'></span>";
 echo "</td>";
 echo "</tr>";
 
echo "<tr>";
 echo "<td align='right'>";
 echo "<font color='#CC0000'> </font>Phone: &nbsp;";
 echo "</td>";
 echo "<td>";
 echo" <input type='text' id='update_ph' name='update_ph' value='".$arr2[Phone]."'>";
 echo "</td>";
 echo "</tr>";
 
?>
 <table>

Answer 2

解决了，可是<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">似乎时间选择器冲突完整的代码是： <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" /><script type="text/javascript">//AJAX for email
// function show_emmsg(emmsg){
// $('#emmsg').html(emmsg);
// }


$(document).ready(function(){

$('#restbtn').click(function(){ 
$('#fade_button').hide();
$('#button_submit').show();
$('#fnmsg').html('');
$('#lnmsg').html('');
$('#aflmsg').html('');

});
$('#fade_button').hide();
$("#update_un_show").prop('disabled', true);
$("#update_lu").prop('disabled', true);
});


$(document).ready(function(){
$.datepicker.setDefaults($.datepicker.regional['nl']); 
$.datepicker.setDefaults({ dateFormat: 'yy-mm-dd' });
  $(function() {
    $( "#datepicker" ).datepicker();
    $( "#format" ).change(function() {
     
$('.datepicker').datepicker();    });
  });
});
$(document).ready(function(){
$("#update_fn").blur(function(){
//alert("hello world");
 var fn=$("#update_fn");
if(fn.val()==""){

$('#fnmsg').html('Require');
$('#button_submit').hide();
$('#fade_button').show();

}
else {

$('#fade_button').hide();
$('#button_submit').show();
$('#fnmsg').html('');
}});$("#update_ln").blur(function(){
var ln=$("#update_ln");
if(ln.val()==""){

$('#lnmsg').html('Require');
$('#button_submit').hide();
$('#fade_button').show();


}
else {
$('#lnmsg').html('');
$('#fade_button').hide();
$('#button_submit').show();
}});
$("#update_afl").blur(function(){
var afl=$("#update_afl");
if(afl.val()==""){

$('#aflmsg').html('Require');
$('#button_submit').hide();
$('#fade_button').show();


}
else {
$('#aflmsg').html('');
$('#fade_button').hide();
$('#button_submit').show();
}});$("#update_em").blur(function(){


var email=$('#update_em').attr('value');
$('#emmsg').html(email);

// $.get('validation_email.php?email='+email,show_emmsg);
});});



</script>
<?php
 include_once('db.php');
 
 
/* vadbConnect();
$msg='';
global $mysqliva;
$query = "select * from KXT209_Users where Username='".$_SESSION['un']."';";
//echo $query;
$result = $mysqliva->query($query);
$arr2 = $result->fetch_array(MYSQLI_ASSOC);
print_r($arr2);
echo "$arr2[FName]";
*/ 
?><h2>My Page</h2>
<?php
 $a=1;
if($1){

//echo $_SESSION['ul'];
echo "<form action='' method='POST' id='valiform'>";
//echo "<input type='hidden' name='update_un_show' id='validation_un' value='".$_SESSION['un']."'>";
echo "<center>";
echo "<table height='350' width='400'>";
//echo "working";

echo "<tr>";
echo "<td  align='right'>";
echo "Username:  &nbsp;";
echo "</td>";
echo "<td>";
echo "<input type='text' name='update_un_show' id='update_un_show' value='".$_SESSION['un']."'><br>";
echo "</td>";
echo "</tr>";

echo "<tr>";
echo "<td align='right'>";
echo "<font color='#CC0000'> *</font>First Name: &nbsp;";
echo "</td>";
echo "<td>";
echo" <input type='text' id='update_fn' name='update_fn' value='".$arr2[FName]."'> <span style='color:red;' id='fnmsg'></span>";
echo "</td>";
echo "</tr>";

echo "<tr>";
echo "<td align='right'>";
echo "<font color='#CC0000'> </font>Middle Name: &nbsp;";
echo "</td>";
echo "<td>";
echo" <input type='text' id='update_mn' name='update_mn' value='".$arr2[MName]."'>";
echo "</td>";
echo "</tr>";

echo "<tr>";
echo "<td align='right'>";
echo "<font color='#CC0000'>*</font>Last Name: &nbsp;";
echo "</td>";
echo "<td>";
echo" <input type='text' id='update_ln' name='update_ln' value='".$arr2[LName]."'> <span style='color:red;' id='lnmsg'></span>";
echo "</td>";
echo "</tr>";

echo "<tr>";
echo "<td align='right'>";
echo "<font color='#CC0000'>*</font>Date of Birth: &nbsp;";
echo "</td>";
echo "<td>";
echo " <input type='text' id='datepicker' name='update_dob' value='".$arr2[Birthdate]."'/>";
echo "</td>";
echo "</tr>";

echo "<tr>";
echo "<td align='right'>";
echo "<font color='#CC0000'>*</font>Email: &nbsp;";
echo "</td>";
echo "<td>";
echo" <input type='text' id='update_em' name='update_em' size='30' value='[email protected]'> <span style='color:red;' id='emmsg'></span>";
echo "</td>";
echo "</tr>";

echo "<tr>";
echo "<td align='right'>";
echo "<font color='#CC0000'> </font>Phone: &nbsp;";
echo "</td>";
echo "<td>";
echo" <input type='text' id='update_ph' name='update_ph' value='".$arr2[Phone]."'>";
echo "</td>";
echo "</tr>";

echo "<tr>";
echo "<td align='right'>";
echo "<font color='#CC0000'></font>Website: &nbsp;";
echo "</td>";
echo "<td>";
echo" <input type='text' id='update_ws' name='update_ws' size='30'  value='".$arr2[Website]."'>";

echo "<tr>";
echo "<td align='right'>";
echo "<font color='#CC0000'>*</font>Affliation: &nbsp;";
echo "</td>";
echo "<td>";
echo" <input type='text' id='update_afl' name='update_afl' size='30' value='".$arr2[Affli]."'> <span style='color:red;' id='aflmsg'></span>";
echo "</td>";
echo "</tr>";
echo "</td>";
echo "</tr>";

echo "<tr>";
echo "<td align='right'>";
echo "<font color='#CC0000'></font>Last Updated: &nbsp;";
echo "</td>";
echo "<td>";
echo" <input type='text' id='update_lu' name='update_lu' value='".$arr2[Updated_date]."' size='30'>";
echo "</td>";
echo "</tr>";

echo "</form>";
echo "</table>";
echo '<span id="fade_button"><input type="button" value="Modify" name="updatedata" id="updatebtn"></span>';
 echo '<span id="button_submit"><input type="submit" value="Modify" name="updatedata" id="updatebtn"> </span>';
 echo '<input type="reset" value="Reset" id="restbtn">';
//echo "<div id='msg'  style='color:red;'>".$msg."</div>";
echo "</center>";


}
else{

//echo $_SESSION['ul'];

        echo '<meta http-equiv="refresh" content="0; url=index.php" />';
//echo "<p style='color:red;'>You do not have access to this page.</p>";
//echo "<a href=".$rootPath."index.php>Go back home page</a>";

}

vacloseConnection() ;
?><br><br><br>
<p1></p1>已经很感谢了！！