如何在angularjs中從表單中查找名字和姓氏？

任何人都可以請告訴我如何從表單字段檢索名字和姓氏的值。條件是名字和姓氏被寫在相同的文本字段中，並由" "（空格）分隔。我需要得到它的價值。如何在angularjs中從表單中查找名字和姓氏？

這裏是我的代碼和條件

<body ng-app="app"> 
    <div ng-controller="first"> 
    <form name="myform" novalidate> 
     <div> 
     <input type="text" placeholder="FirstName lastname" ng-model="user.firstname" name="username" required style="width: 300px;padding: 20px"> 

     <!--<span ng-show="myform.username.$dirty && myform.username.$error.required">Required</span>--> 

     </div> 

     <div> 
     <input type="email" placeholder="Email" ng-model="user.email" name="email" required style="width: 300px;padding: 20px;margin-top: 50px"> 
     </div> 
     <p>{{user}}</p> 
    </form> 
    </div> 
</body>

來源

2015-09-18 user944513

嘗試這樣

var name = $scope.user.firstname.split(" "); 
console.log(name[0]) // first name; 
if(name.length>1) 
    console.log(name[1]) // last name

PLUNKR

來源

2015-09-18 02:59:00

請摹Iive plunker鏈接..我在按鈕上點擊或添加手錶功能？ – user944513

您可以使用拆分功能，獨立的名字和姓氏這是由t分開他的空間。注意捕捉不確定條件

 var str = "First Second"; 
      var res = str.split(" "); 
    var first=res[0]; 
if(res[1]!=undefined) 
    var second=res[1]; 
else 
var second="";

來源

2015-09-18 03:14:40 kavinhuh

請考慮編輯您的帖子，以添加更多關於您的代碼的解釋以及爲什麼它可以解決問題。一個主要包含代碼的答案（即使它正在工作）通常不會幫助OP瞭解他們的問題。 – SuperBiasedMan

http://plnkr.co/edit/QkECAMaNJf2ACXo2LJpe?p=preview

angular.module('app', ['ionic']).controller('first',function($scope){ 
    $scope.user = {}; 

    $scope.nameChanged = function() { 
    if ($scope.name) { 
     var name = $scope.name.split(" "); 

     if (name.length > 0) { 
     $scope.user.firstname = name[0]; // first name; 
     if(name.length>1) { 
      $scope.user.lastname = name[1]; // last name 
     } else { 
      $scope.user.lastname = ''; 
     } 
     } 
    } else { 
     $scope.user.firstname = ''; 
     $scope.user.lastname = ''; 
    } 
    } 
})

和HTML

<input type="text" placeholder="FirstName lastname" ng-model="name" ng-change="nameChanged()" name="username" required style="width: 300px;padding: 20px">

來源

2015-09-18 03:15:48 Enkode

在你的答案中有bug .bug寫入「abc pqr」..它顯示名字和姓氏..但是當用戶刪除文本時它也顯示名字和姓氏 – user944513

它顯示「a」和「b 「作爲名和姓 – user944513

請檢查仍然錯誤:) ..現在在名字」a「目前 – user944513

如何在angularjs中從表單中查找名字和姓氏？

回答

相關問題