css表单验证jquery

时间:2012-11-02 02:49:01

标签: jquery css forms validation

我有一个脚本,我希望“消息”错误在输入框中显示文字 输入表单的ID是“电子邮件”,但似乎我不能更改此格式以允许除文本以外的任何内容而不更改表单的输入?

以下是代码:

<script type="text/javascript">
$(document).ready(function(){
    $("#myform").validate({
        debug: false,
        rules: {
            email: {
                required: true,
                email: true
            }
        },
        messages: {
            email: "oh man!",

        },
        submitHandler: function(form) {
            // do other stuff for a valid form
            $.post('process.php', $("#myform").serialize(), function(data) {
                $('.EmailList').html(data);

            });
        }
    });
});
</script>

表格:

form name="myform" id="myform" action="" method="POST">  
    <div class="Email">                     
        <label for="Email"></label>
        <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td width="76%"><label for="Email"></label>
              <input type="text" name="email" id="daEmail" size="30" value=""/> </td>
            <td width="24%"><input type="image" name="imageField" id="imageField" src="images/Submit.png" /></td>
          </tr>
        </table>
    </div>
</form>

1 个答案:

答案 0 :(得分:0)

您的输入框ID是“daEmail”,因此您必须在jquery中使用该名称,

JQuery代码:

$('#daEmail').val(data);

html代码

<input type="text" name="email" id="daEmail" size="30" value=""/>