Question

假设我有一个包含几个textFields和一个提交按钮的表单。

一旦用户点击此按钮，javascript验证textFields（至少确保那里有东西），最好的方法是什么，如果没有，则弹出一条消息，如果一切正常，提交表单和php将接管。

谢谢！

Answer 1

调用JavaScript函数，该函数使用表单onSubmit方法验证用户输入字段。

Answer 2

在提交按钮的html中添加OnClick="function_name();"

并在函数声明中执行此操作

function function_name(){
     var str = document.getElement("your_text_field_id");
     if (str=="") {
       alert("Please type some text first");
       return false
     } else { 
       alert("Thanks");  //optional
       return true;
     }
}

Answer 3

如果你正在使用jQuery（如果没有，你应该），你可以通过.submit()提交表单时做一些事情。在此活动中，您可以检查所有input字段，具体取决于其类型，如果发生错误，您可以致电event.preventDefault()停止提交并alert()出错。

这样的事情：

<form id="myform">
    <input type="text" name="text" />
    <input type="submit" value="Submit!" />
</form>

jQuery的：

$('#myform').submit(function(event){

    error = false;

    $('input',this).each(function(){

        if($(this).val() == '')
            error = true;

    });

    if(error == true){

        event.preventDefault();
        alert('An error occured!');

    }

});

如何使用JavaScript验证表单？

3 个答案: