gpt4 book ai didi

javascript - AngularJS:在键入时将输入文本转换为标题大小写

转载 作者:行者123 更新时间:2023-12-02 23:58:36 25 4
gpt4 key购买 nike

我正在尝试做我认为非常简单的事情,但我在使其发挥作用时遇到了问题。

我有一个表单,其中有一些输入字段需要在键入时转换为标题大小写(每个单词的第一个字母需要大写)。

我找到了一个函数可以做到这一点,但它似乎不适用于输入字段。

我还发现了一些奇特的脚本,例如 http://individed.com/code/to-title-case/但有太多我并不真正需要的东西。

如果这真的很重要的话,我正在使用 AngulasJS。

function toTitleCase(str) {
return str.replace(
/\w\S*/g,
function(txt) {
return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
}
);
}
<div class="form">
<h4>Part of a form</h4>
<form class="form" name="form" method="post">
<label for="username"><span class="required">*</span>Username:</label>
<input id="username" type="text" name="username" autofocus onchange="form.output.value=toTitleCase(this.value)" onkeyup="form.output.value=toTitleCase(this.value)">
<input class="login" type="submit" value="Save">
</form>
</div>

最佳答案

首先,对于 angularjs ,您应该使用 ng-change 而不是 onchange,对于其他事件也是如此。您可以简单地通过以下方式处理

演示

var app = angular.module('app', []);
app.controller('HelloWorldCtrl', function($scope,$http){
});
<!DOCTYPE html>
<html ng-app="app">
<head>
<script data-require="angular.js@*" data-semver="4.0.0" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.10/angular.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-controller="HelloWorldCtrl">
<input ng-model="some" ng-change="some = (some | uppercase)" />
</body>
</html>

关于javascript - AngularJS:在键入时将输入文本转换为标题大小写,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55272572/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com