在jQuery / javascript中给出关于html textarea中用户输入的消息

时间:2014-03-23 12:01:22

标签: javascript jquery html

我想让用户将输入放在标签中,并希望在他/她点击提交按钮时给他一条消息,指出他/她的输入是使用jQuery / javascript是对还是错。

例如:我要求他们在textarea写作,如果他们的输入是我要求答案应该是成功其他失败,使用jQuery / javascript。

Javascript初学者。 谢谢

3 个答案:

答案 0 :(得分:0)

也许这个样本可以帮助您:

HTML:

<textarea id="text"></textarea>
<input type="submit" id="submit" value="button" />

JavaScript的:

(function () {
    var textarea = $('#textarea');
    $('#submit').on('click', function (event) {
        var value = textarea.val();
        event.preventDefault();
        if (value === 'value you want it to be') {
            alert('yes');
        } else {
            alert('no');
        }
    });
}());

当然,你还没有提供很多细节,但这可能会让你开始?

答案 1 :(得分:0)

如果要检查用户是否填写字段: HTML:

<form action="#">
    <input id="firstName" name="" type="text">
    <input id="lastName" name="" type="text">
    <input type="submit" value="submit" id="sub"></form>
</form>

<小时/> jQuery的:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('form').on('submit',function(){
        $("input[type='text']").each(function(){
            var long=$(this).val().length
            if(long==0){
                var id=$(this).attr('id')
                alert('you must fill the '+id+' field')
                }
            })
        })
})
</script>

答案 2 :(得分:0)

试试这个

<input type="text" value="some text">
<p></p>

<script>
$( "input" ).keyup(function() {
    var value = $( this ).val();
    if (value === 'value you want it to be') {
        $( "p" ).text("Correct");
    } else {
        $( "p" ).text("Wrong");
    }
  })
  .keyup();
</script>