8

JavaScript では、以下のように送信時にフォームを検証できます:-

<form action="" method="post" onsubmit="return validate(this)">
    <input type="text" name="uName" id="uName" />
    <input type="password" name="passKey" id="passKey" />
    <input type="submit" name="loginBtn" value="login" />
</form>

<script type="text/javascript">
function validate(loginForm){
    if(loginForm.uName.value == ''){
        alert('Please Enter Username');
        loginForm.uName.focus();
    }else if(loginForm.passKey.value == ''){
        alert('Please Enter Password');
        loginForm.passKey.focus();
    }else {
        return true;
    }
}
</script>

以下のjQueryコードで試しました

<form action="" method="post">
    <input type="text" name="uName" id="uName" />
    <input type="password" name="passKey" id="passKey" />
    <input type="submit" name="loginBtn" value="login" />
</form>
<script type="text/javascript">
    $('form').submit(function(loginForm){
        if(loginForm.uName.val() == ''){
            alert('Please enter username');
            loginForm.uName.focus();
        }else if(loginForm.passKey.val() == ''){
            alert('Please enter username');
            loginForm.passKey.focus();
        }else {
            return true;
        }

        return false;
    });
</script>

しかし、うまくいきません...助けてください...！

4

4 に答える 4

4

フォーム フィールド jQuery プラグインを参照してください: https://github.com/webarthur/jquery-fields

プラグインは次のように使用できます。

var form = $('form#id_form').fields();

form.name.val('Arthur');
form.age.hide();
form.description.css('height', 200);

またはこの方法：

var form = $('form#id_form').fieldValues();

form.name('Arthur');
form.age(29);
form.description('Web developer.');

var name = form.name();
于 2015-10-20T13:02:37.170 に答える
1

これはあなたを助けるでしょう：

jQuery(function($) {

    var $username = $('#uName'),
        $password = $('#passKey');

    $('form').submit(function() {

        if ($username.val() == '') {
            alert('Please enter username');
            $username.focus();
        } else if($password.val() == '') {
            alert('Please enter username');
            $password.focus();
        } else {
            return true;
        }

        return false;
    });
});

留意する必要があるいくつかの点:

  1. DOM を使用する場合は、コードをjQuery(function() { ... });ブロック内にラップする必要があります。
  2. jQuery を使用して DOM 要素にアクセスする場合は、使用する前にそれを選択する必要があります$(...)。
于 2013-08-31T01:16:55.337 に答える