相关疑难解决方法(0)

一个简单的jQuery表单验证脚本

我使用jQuery做了一个简单的验证表单.它工作正常.问题是我对我的代码不满意.还有另一种方法来编写具有相同输出结果的代码吗?

$(document).ready(function(){

$('.submit').click(function(){
    validateForm();   
});

function validateForm(){

    var nameReg = /^[A-Za-z]+$/;
    var numberReg =  /^[0-9]+$/;
    var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;

    var names = $('#nameInput').val();
    var company = $('#companyInput').val();
    var email = $('#emailInput').val();
    var telephone = $('#telInput').val();
    var message = $('#messageInput').val();

    var inputVal = new Array(names, company, email, telephone, message);

    var inputMessage = new Array("name", "company", "email address", "telephone number", "message");

     $('.error').hide();

        if(inputVal[0] == ""){
            $('#nameLabel').after('<span class="error"> Please enter your ' + inputMessage[0] + '</span>');
        } 
        else if(!nameReg.test(names)){
            $('#nameLabel').after('<span class="error"> Letters only</span>'); …
Run Code Online (Sandbox Code Playgroud)

validation jquery

102
推荐指数
2
解决办法
60万
查看次数

标签 统计

jquery ×1

validation ×1