Question

我试图验证表单以查看教科书是否已填满。它应该在您提交后提醒是否填充了这些框，但我的页面没有做任何事情。我不确定会出现什么问题。

$(document).ready(function() {
      $('#customerSubmit').click(function(e) {
          var isValid = true;
          $('input[type="text"]').each(function() {
             if ($.trim($(this).val()) == '') {
                 isValid = false;
                 $(this).css({
                     "border": "1px solid red",
                     "background": "#FFCECE"
                 });
             } else {
                 $(this).css({
                     "border": "",
                     "background": ""
             });
           }
       });
       if (isValid == false) {
           e.preventDefault();
       } else { 
           alert('Thank you for submitting');
    });
});

<!DOCTYPE html>
<html>
<head>
<body>
    <h3>Contact Information </h3>
        <table class="customerInfo">
            <tr>
                <th>First Name:</th>
                <td><input type="text" name="custFirstName"/></td>
            </tr>
            <tr>
                <th>Last Name:</th>
                <td><input type="text" name="custLastName"/></td>
            </tr>
            <div class="control-group" id="controlEmail">
                <tr>
                    <th>Email:</th>
                    <td><input type="text" name="custEmail" id="email"/></td>
                </tr>
            </div>
        </table>
        <input id="customerSubmit" class="submit" type="submit" value="Submit" name="customerSubmit"/>
</body>
</html>

Answer 1

您在代码最底部的else上遗漏了一个结束括号。

Javascript表单验证 - 文本框检查

1 个答案: