用于输入用户信息的动态PHP代码
Dynamic PHP Code For Inputting User Info
我正在开发一个用于输入用户信息的PHP表单。我有三个重要的字段:名字、姓氏和电子邮件。我需要做的是在用户输入前两个字段时以及保存之前自动设置电子邮件。例如,当用户在"名字"字段中键入"名字",在"姓氏"字段中输入"姓氏"时,"电子邮件"字段应自动显示First.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>';
我不知道该如何编辑它,也不知道在哪里添加jquery代码:/我感谢你的帮助,谢谢你:)
HTML
First Name : <input type="text" id="firstName" value=""><br />
Last Name : <input type="text" id="lastName" onchange="createEmail()"><br />
Email : <input type="text" id="email">
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>
不需要任何ajax。
使用jQuery模糊函数进行测试,是用户已经离开文本输入字段(或使用keyup),而测试,是名字/姓氏被填充。如果是,则可以使用val()
函数获取字段的值,然后可以生成电子邮件,并设置电子邮件字段的值。
你需要这样的东西:
$('#firstName', '#lastName').keyup(function() {
var domain = 'example.com';
var email = $('#firtName').val() + '.' + $('#lastName').val() + '@' + domain;
$('#email').val(email);
});
您不需要ajax,请查看DEMO
$('body').on('blur', '.firstname, .lastname', function(){
var fname = $.trim($('.firstname').val()),
lname = $.trim($('.lastname').val()),
email = $('#email'),
// Set your domain name here
prefix = '@example.com';
if( fname != "" && lname != "" )
email.val( fname + '.' + lname + prefix );
else if( fname == "" && lname == "" )
email.val("");
else
email.val( (fname != "" ? fname : lname) + prefix );
});
相关文章:
- 允许编辑Text动态php表
- 来自动态 php 库的图像到画布,请提供一些建议
- 动态PHP内容到facebook share.PHP
- 使用javascript进行动态php下拉列表(url)
- jQuery获取隐藏输入类型的动态PHP值
- 具有动态 PHP 变量的绘图点
- 动态 php echo 字段上的 Jquery 验证
- 将引导模式与动态 PHP 数据重用
- 如何将动态 php 页面放入 jquery 手稿“活动”部分
- 传递高图表图形的动态 php 值
- 将我的动态 php 数组转换为 js
- 可编辑的动态 PHP 表
- 动态php提交
- 将动态PHP变量转换为Javascript函数
- 用于输入用户信息的动态PHP代码
- 基于UA的动态PHP内容的条件加载
- 无法使用具有动态php内容的javascript附加select选项
- 在javascript中使用动态PHP变量
- Ajax在为动态PHP输出传递多个表单变量时遇到问题
- 使用jquery更改多个动态PHP生成的文本框的值