Javascript 用于输入用户信息的动态PHP代码_Javascript_Php_Jquery_Html

Javascript 用于输入用户信息的动态PHP代码

javascript php jquery html

Javascript 用于输入用户信息的动态PHP代码,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我正在开发一个PHP表单，用于输入用户信息。我有三个重要字段：名字、姓氏和电子邮件。我需要做的是在用户输入前两个字段时和保存前自动设置电子邮件。例如，当用户在名字字段中键入“First”和在姓氏字段中键入“Last”时，电子邮件字段应自动显示在第一位。Last@example.com. 代码已经编写好了，这是我正在研究的部分： echo '<TABLE ><TR><TD >'.TextInput($student['FIRST_NAME'],'students

我正在开发一个PHP表单，用于输入用户信息。我有三个重要字段：名字、姓氏和电子邮件。我需要做的是在用户输入前两个字段时和保存前自动设置电子邮件。例如，当用户在名字字段中键入“First”和在姓氏字段中键入“Last”时，电子邮件字段应自动显示在第一位。Last@example.com.

代码已经编写好了，这是我正在研究的部分：

echo '<TABLE ><TR><TD >'.TextInput($student['FIRST_NAME'],'students[FIRST_NAME]','<FONT color=red>'._('First').'</FONT>','size=12 class=cell_floating maxlength=50 style="font-size:14px; font-weight:bold;"').'</TD><TD>'.TextInput($student['MIDDLE_NAME'],'students[MIDDLE_NAME]',''._('Middle').'','class=cell_floating maxlength=50 style="font-size:14px; font-weight:bold;"').'</TD><TD>'.TextInput($student['LAST_NAME'],'students[LAST_NAME]','<FONT color=red>'._('Last').'</FONT>','size=12 class=cell_floating maxlength=50 style="font-size:14px; font-weight:bold;"').'</TD><TD>'.SelectInput($student['NAME_SUFFIX'],'students[NAME_SUFFIX]',''._('Suffix').'',array('Jr.'=>'Jr.','Sr.'=>'Sr.','II'=>'II','III'=>'III','IV'=>'IV','V'=>'V'),'','style="font-size:14px; font-weight:bold;"').'</TD></TR></TABLE>';

else
echo '<DIV id=student_name><div style="font-size:14px; font-weight:bold;" onclick=\'addHTML("<TABLE><TR><TD>'.str_replace('"','\"',TextInput($student['FIRST_NAME'],'students[FIRST_NAME]','','maxlength=50 style="font-size:14px; font-weight:bold;"',false)).'</TD><TD>'.str_replace('"','\"',TextInput($student['MIDDLE_NAME'],'students[MIDDLE_NAME]','','size=3 maxlength=50 style="font-size:14px; font-weight:bold;"',false)).'</TD><TD>'.str_replace('"','\"',TextInput($student['LAST_NAME'],'students[LAST_NAME]','','maxlength=50 style="font-size:14px; font-weight:bold;"',false)).'</TD><TD>'.str_replace('"','\"',SelectInput($student['NAME_SUFFIX'],'students[NAME_SUFFIX]','',array('Jr.'=>'Jr.','Sr.'=>'Sr.','II'=>'II','III'=>'III','IV'=>'IV','V'=>'V'),'','style="font-size:14px; font-weight:bold;"',false)).'</TD></TR></TABLE>","student_name",true);\'>'.$student['FIRST_NAME'].' '.$student['MIDDLE_NAME'].' '.$student['LAST_NAME'].' '.$student['NAME_SUFFIX'].'</div></DIV>';
echo'</td></tr>';


echo '<tr><td>'._('Email').'</td><td>:</td><td>'.TextInput($student['EMAIL'],'students[EMAIL]','','size=100 class=cell_medium maxlength=100').'</td></tr>';

echo'.TextInput（'student['FIRST'u NAME']，'student[FIRST'u NAME]，'size=12 class=cell\u floating maxlength=50 style=“font size:14px；font-weight:bold；”）。'TextInput（'student['MIDDLE\u NAME']，'student[MIDDLE\u NAME]，'MIDDLE'，'class=cell\u floating maxlength=50 style=“font-size:14px；font-weight:bold；”）。”）。.TextInput（'（$student['LAST'u NAME']、'students[LAST'u NAME]、'.'.'LAST'）、'size=12 class=cell\u floating maxlength=50 style=“font size:14px；font-weight:bold；”）。'').'';
其他的
回音“Jr.”、“Sr.=>'Sr.”、“II'=>'II'、“III'=>'III'、“IV'=>'IV'、“V'=>'V'）、“、”style=“font size:14px；font-weight:bold；“，”，false”）、“student\u-name”，true）；“\'>”。$student['FIRST\u-name'.$student['MIDDLE\u-name'.'。$student['LAST\u-name'.'.$student['name'.]；
回声'；
回显“.”（电子邮件）：“.TextInput（$student['Email']，'student[Email]'，”，“'size=100 class=cell_medium maxlength=100'）；

我不知道该如何编辑它，也不知道在哪里添加jquery代码：/

我感谢您的帮助，谢谢：）

这不需要任何ajax

使用jQuery函数进行测试，如果用户已离开文本输入字段（或使用），则测试是否填写了姓名。如果是，则可以使用

val（）

函数获取字段值，然后生成电子邮件，并设置电子邮件字段的值

你需要这样的东西：

$('#firstName', '#lastName').keyup(function() {
    var domain = 'example.com';
    var email = $('#firtName').val() + '.' + $('#lastName').val() + '@' + domain;
    $('#email').val(email);
});

这不需要任何ajax

使用jQuery函数进行测试，如果用户已离开文本输入字段（或使用），则测试是否填写了姓名。如果是，则可以使用

val（）

函数获取字段值，然后生成电子邮件，并设置电子邮件字段的值

你需要这样的东西：

$('#firstName', '#lastName').keyup(function() {
    var domain = 'example.com';
    var email = $('#firtName').val() + '.' + $('#lastName').val() + '@' + domain;
    $('#email').val(email);
});

这不需要任何ajax

使用jQuery函数进行测试，如果用户已离开文本输入字段（或使用），则测试是否填写了姓名。如果是，则可以使用

val（）

函数获取字段值，然后生成电子邮件，并设置电子邮件字段的值

你需要这样的东西：

$('#firstName', '#lastName').keyup(function() {
    var domain = 'example.com';
    var email = $('#firtName').val() + '.' + $('#lastName').val() + '@' + domain;
    $('#email').val(email);
});

这不需要任何ajax

使用jQuery函数进行测试，如果用户已离开文本输入字段（或使用），则测试是否填写了姓名。如果是，则可以使用

val（）

函数获取字段值，然后生成电子邮件，并设置电子邮件字段的值

你需要这样的东西：

$('#firstName', '#lastName').keyup(function() {
    var domain = 'example.com';
    var email = $('#firtName').val() + '.' + $('#lastName').val() + '@' + domain;
    $('#email').val(email);
});

您不需要ajax来实现这一点，请查看

HTML

名字：

姓氏：

电邮：

Javascript

<script>
function createEmail() {
    var fn = document.getElementById("firstName").value;
    var ln = document.getElementById("lastName").value;
    document.getElementById("email").value = fn+"."+ln+"@example.com";
}
</script>


函数createEmail（）{
var fn=document.getElementById（“firstName”）.value；
var ln=document.getElementById（“lastName”）.value；
document.getElementById（“email”）.value=fn+“+ln+”@example.com”；
}

HTML

名字：

姓氏：

电邮：

Javascript

<script>
function createEmail() {
    var fn = document.getElementById("firstName").value;
    var ln = document.getElementById("lastName").value;
    document.getElementById("email").value = fn+"."+ln+"@example.com";
}
</script>


函数createEmail（）{
var fn=document.getElementById（“firstName”）.value；
var ln=document.getElementById（“lastName”）.value；
document.getElementById（“email”）.value=fn+“+ln+”@example.com”；
}

HTML

名字：

姓氏：

电邮：

Javascript

<script>
function createEmail() {
    var fn = document.getElementById("firstName").value;
    var ln = document.getElementById("lastName").value;
    document.getElementById("email").value = fn+"."+ln+"@example.com";
}
</script>


函数createEmail（）{
var fn=document.getElementById（“firstName”）.value；
var ln=document.getElementById（“lastName”）.value；
document.getElementById（“email”）.value=fn+“+ln+”@example.com”；
}

HTML

名字：

姓氏：

电邮：

Javascript

<script>
function createEmail() {
    var fn = document.getElementById("firstName").value;
    var ln = document.getElementById("lastName").value;
    document.getElementById("email").value = fn+"."+ln+"@example.com";
}
</script>


函数createEmail（）{
var fn=document.getElementById（“firstName”）.value；
var ln=document.getElementById（“lastName”）.value；
document.getElementById（“email”）.value=fn+“+ln+”@example.com”；
}

除非需要从数据库中检索电子邮件地址，否则您不需要像ajax那样复杂的东西。只需使用Javascript和输入的

onchange

事件。您想从数据库中查找与firstname和lastname匹配的用户名吗？还是想执行一些字符串操作，如concat来填充电子邮件字段d？我希望你的代码在你的项目中也不是这样格式化的……如果你使用适当的缩进，它会更可读和更易于维护！实际上这是一个开放源代码，我应该编辑它：/你不需要像ajax那样复杂的东西，除非你需要从数据库检索电子邮件地址。只需使用Javascript和

onchange

输入事件。是否要从数据库中查找与firstname和lastname匹配的用户名？还是要执行一些字符串操作（如concat）来填充电子邮件字段？我希望您的代码在项目中的格式也不是这样的……如果您使用适当的缩进，它将更易于阅读和维护能够！事实上这是一个开源代码，我应该编辑它：/你不需要像ajax那样复杂的东西，除非你需要从数据库中检索电子邮件地址。只要使用