jquery-validate - 最初の文字はjqueryを使用する数字であってはなりません

Question

私はjqueryとログインフォームの作成に不慣れです。「ユーザー名」の条件の1つは、最初の文字が数字で始まらないことです。jqueryを使用してこれを行う方法は？

前もって感謝します。

Answer 1

jquery 検証プラグインを使用していると仮定します。ドキュメント準備完了関数で、以下のコードを追加します。

$("#your-form-id").validate(({
      rules: {
        "userid": {
            required: true,
            uidValid:true// Add custom rule to validate userid field
        }
 }));

// Add custom validation method to validate user id
// Change regular expression according to your need
    $.validator.addMethod("uidValid", function(uid, element) {
        return (this.optional(element) || uid.match(/^[a-z][a-z0-9]*$/i));
    }, "Please specify a valid user id");

jquery 検証プラグインを使用していない場合は、ユーザー ID 入力フィールドの onkeypress イベント (およびフォームの送信イベント) にイベントをバインドし、関連する正規表現と一致するかどうかを確認できます。ただし、手動でコーディングするよりも、検証プラグインを使用する方がはるかに簡単です。