我需要从文本框中的名字和姓氏的前两个字母到页面中的某个位置 - I need the first two letter of the first and the last name from text box to some where in a page

I need the first two letter of the first and the last name from text box to some where in a page

本文关键字：两个位置文本 | 更新日期: 2023-09-27

我需要名字和姓氏的前两个字母，它们将像Salman Shaikh一样在文本框中键入，所以它会在我的页面中的某个位置显示为SASH，我需要这个。

下面是jQuery的实际示例。

http://jsfiddle.net/rPTrK/

我也会把代码粘贴在这里-

jQuery(document).ready(function() {
    jQuery("#submit").click(function() {
        var firstName = $("#name").val().substr(0, 2);
        var surname = $("#surname").val().substr(0, 2);
        $("body").append(firstName+surname);
    });        
});

万一你不知道，jQuery就是JS库。你可以在这里买到。下载最新的jquery版本，并将其插入标记之间的html.php文件中，就像通常插入js脚本一样。

注意：只有在插入jQuery库之后，才能插入我创建的代码，否则它将无法工作。

编辑：更新到您的建议版本-

http://jsfiddle.net/pg8La/

代码-

jQuery(document).ready(function() {
    jQuery("#form1").change(function() {
        var firstName = $("#name").val().substr(0, 2);
        var surname = $("#surname").val().substr(0, 2);
        if(firstName != "" && surname != "") {
            $("body").append(firstName+surname);
        }
    });        
});

编辑2：根据您的请求的最终示例-

http://jsfiddle.net/K52fR/

代码在这里-

HTML

<form id="form1">
    <input type="text" name="name" id="name" placeholder="name" />
    <br />
    <input type="text" name="surname" id="surname" placeholder="surname" />
    <br />
    <h2 id="text">WSCPP<span id="nameSurname"></span><span id="time"></span><span id="randomNr"></span></h2> 
</form>

jQuery/JS-

jQuery(document).ready(function() {
    jQuery("#form1").change(function() {
        var firstName = $("#name").val().substr(0, 2);
        var surname = $("#surname").val().substr(0, 2);
        if(firstName != "" && surname != "") {
            $("#nameSurname").text(firstName+surname);
        }
    });        
    var currentTime = new Date(); 
    var month = currentTime.getMonth() + 1;
    var day = currentTime.getDate(); var year = currentTime.getFullYear();
    $("#time").text(day + "" + month + "" +year);
    $("#randomNr").text(Math.floor(Math.random()*90000+9999));
});

我假设您正在将数据POST到某个页面，这就是为什么您有一个标记php在你的问题中。

$firstname = substr($_POST['firstname'],2);
$lastname = substr($_POST['lastname'],2);

检查以下程序的

http://jsfiddle.net/YNV87/

这个怎么样：

$_REQUEST['firstname'] = 'Salman ';
$_REQUEST['lastname'] = 'Shaikh';
$firstname = strtoupper(substr($_GET['firstname'], 0, 2));
$lastname = strtoupper(substr($_GET['lastname'], 0, 2));
echo $firstname.$lastname;

将字符串分解为数组。

$name_array=explode(' ',$name);
$first=substr(trim($name_array[0]),0,2);
$last=substr(trim($name_array[1]),0,2);