首页 > 解决方案 > 在表单提交时验证文本框

问题描述

我有文本框,我想在使用 jquery 提交表单时用 - 替换文本框的值 %。但不知道我该怎么做。

这是我的 HTML

<form [formGroup]="form" id="form" (submit)="addDetails();form.reset()" class="form-style-9" ngNativeValidate>
    <div class="form-group">
        <div class="col-sm-4">
            <label for="username">User Name</label></div>
            <div class="col-sm-8"><input type="text" id="username" class="form-control"
                placeholder="Please Enter User Name" formControlName="username" required="true">

            </div>
            <input type="hidden" id="usernameX" name="username" />
        </div>
        <input type="submit">
    </form>

JS

var doReplace = function(string){
    return string.replace(/%/g, "-");
}
var $usernameX = $('#usernameX');
$("#form").on("submit", function(e) {
$usernameX.val(doReplace($('#username').val()));
e.preventDefault();
});

标签: javascriptjqueryvalidationjquery-ui

解决方案


    var myStr = 'replace_underscore_by_minus';
    var newStr = myStr.replace(/_/g, "-");

推荐阅读