Javascript表单验证

时间:2013-11-12 23:38:22

标签: javascript html validation

我是这个论坛的新手,在Javascript上相当新手: 我正在尝试进行简单的表单验证。 在html文件的头部我有一个函数

function form_onchange(){

    var Fname = document.getElementById('Fname');
    var RegExpTxt = /^([a-zA-Z ]){2,30}$/;

    if (!RegExpTxt(Fname.value)) {
        alert('Please provide a valid name');
        Fname.focus();
        Fname.select();
        return false;
    }
}

这只是我有其他验证规则的函数的一部分。

在html部分我有:

<table align="center" border = "1" bordercolor="#8B008B" cellpadding="5">
    <form action = "Pizza Fun.html" name = "formA" method = "post" onsubmit = "return checkBlank() ">
        <tr>
            <td><p>Name</p></td>
            <td><span>First </span><input type = "text" name = "Fname" id = "Fname" onchange = "form_onchange()" value = "first" />
            <span>Last </span><input type = "text" name = "Lname" id = "Lname" onchange = "form_onchange()" value = "lat " />
            </td>
        </tr>

验证部分昨天正在工作,但现在我的生活现在还没有工作。请任何人都可以帮助我,为什么它不起作用。

1 个答案:

答案 0 :(得分:0)

使用RegExpTxt.test(Fname.value)代替RegExpTxt(Fname.value)

Javascript应该最终成为:

function form_onchange(){
    var Fname = document.getElementById('Fname');
    var RegExpTxt = /^([a-zA-Z ]){2,30}$/;
    if (!RegExpTxt.test(Fname.value)) {
    alert('Please provide a valid name');
    Fname.focus();
    Fname.select();
    return false;
    }
}