jquery之form表单操作

<form action="#" method="get">
        <input type="text" name="user">
        <input type="password" name="pwd">
        <button type="submit">提交</button>
        <button type="reset">重置</button>
    </form>

下面所有操作以上面的代码为例

1. form表单的提交事件

$('form').submit(function (event) {
    console.log('form表单提交了......')
    // 终止默认事件的传递,因为我们要是在不进行网页跳转的情况下进行的提交，所以我们要终止提交事件的传递
    event.preventDefault()
        })

2.form表单的重置事件

$('button[type="reset"]').click(function (event) {
    result = confirm('你确定要清空数据吗?')
    if(result == false){
     // 中断默认事件
        event.preventDefault()
            }
        })

3.当输入框内容发生改变时,输入框失去焦点的时候,触发事件

失去焦点就是从输入框里面移除的意思

$('input[name="user"]').change(function () {
    if ($(this).val().length < 6){
        $(this).css('border','2px solid red')
        }else{
            $(this).css('border','2px solid black')
            }
        })

4.无论输入框内容是否更改,只要失去焦点就会触发事件

 $('input[name="pwd"]').blur(function () {
      console.log('///')
        })